iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

WebXR未來新視界:Babylon.js打造Web的VR/AR/XR體驗 系列

在AI浪潮席捲全球之際,元宇宙、AR、VR、XR等相較為低調,但其技術發展腳步持續在前進。本系列文章將帶從近期的XR世界的發展,從基礎概念到實戰應用,一步步深入探索。
將運用Babylon.js淺談3D世界的基礎實現WebXR,接著深入探討XR開發的核心要點。最後將透過React與Babylon.js的結合實例,展示如何以現代前端技術,打造出高效且有趣的XR體驗。

參賽天數 5 天 | 共 5 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day01] 什麼是VR、AR、MR、XR、元宇宙?

前言 目前正當紅的文章都圍繞著AI,還記得在AI的上一波討論度最高的是元宇宙,元宇宙甚至被路透評選為2021年科技熱門詞彙。當時因為疫情不能出門,元宇宙的世界快...

DAY 2

[Day02] VR/AR/XR和3D世界有什麼不同?從「看螢幕」到「走進去」

XR的世界與3D世界的決定性差別在於鏡頭 AR/VR/XR 看起來跟要3D世界很像,XR的世界跟3D世界的建立方式相同點真的很多,最決定性的差別在於鏡頭。只要是...

DAY 3

[Day03] 現今的XR硬體和XR軟體應用的樣子

這系列文中會希望能用Web相關技術做XR應用的小作品。在發想XR作品時也許因為久未接觸XR世界而一片空白;或也許有很多想法,靈感可能來自於科幻作品、概念產品或對...

DAY 4

[Day04] 如何開發VR/AR/XR? 要用Unity還是可用網頁WebXR?

這系列文中會希望能用Web相關技術做XR應用的小作品。在發想XR作品時也許因為久未接觸XR世界而一片空白;或也許有很多想法,靈感可能來自於科幻作品、概念產品或對...

DAY 5

[Day05] 開發WebXR的底層渲染技術WebGL和WebGPU是什麼?關鍵差別?

除了WebXR API之外,要來認識很重要的基礎設施--渲染技術WebGL/WebGPU的比較。 大多教學都會把你當成都已經了解這些概念為前提的去講述。我們先了...