在AI浪潮席捲全球之際,元宇宙、AR、VR、XR等相較為低調,但其技術發展腳步持續在前進。本系列文章將帶從近期的XR世界的發展,從基礎概念到實戰應用,一步步深入探索。
將運用Babylon.js淺談3D世界的基礎實現WebXR,接著深入探討XR開發的核心要點。最後將透過React與Babylon.js的結合實例,展示如何以現代前端技術,打造出高效且有趣的XR體驗。
前言 目前正當紅的文章都圍繞著AI,還記得在AI的上一波討論度最高的是元宇宙,元宇宙甚至被路透評選為2021年科技熱門詞彙。當時因為疫情不能出門,元宇宙的世界快...
XR的世界與3D世界的決定性差別在於鏡頭 AR/VR/XR 看起來跟要3D世界很像,XR的世界跟3D世界的建立方式相同點真的很多,最決定性的差別在於鏡頭。只要是...
這系列文中會希望能用Web相關技術做XR應用的小作品。在發想XR作品時也許因為久未接觸XR世界而一片空白;或也許有很多想法,靈感可能來自於科幻作品、概念產品或對...
這系列文中會希望能用Web相關技術做XR應用的小作品。在發想XR作品時也許因為久未接觸XR世界而一片空白;或也許有很多想法,靈感可能來自於科幻作品、概念產品或對...
除了WebXR API之外,要來認識很重要的基礎設施--渲染技術WebGL/WebGPU的比較。 大多教學都會把你當成都已經了解這些概念為前提的去講述。我們先了...
好的~在我們了解那麼多前情提要後,終於可以來選library幫助我們開發。 以下列出常被提到用於WebXR的library的比較: 特性 / 面向 Thr...
Babylon.js官網 Babylon.js 是一個非常強大且成熟的 Web 3D 引擎,由微軟 (Microsoft) 開發與維護。它的優勢主要體現在其完...
讓我們以**The Very First Step範例當開場**,先大致理解構築3D 世界的基礎概念,我們在範例中的最後一步step 5 結束時會得到的程式碼長...
前篇知道了基本架構後,就能開始看懂各種範例與教學了。 官網的教學Feature的Introduction是關於3D世界的基本操作的範例介紹: Firsts...
Babylon.js常用的模型格式類型 Babylon.js 支援多種 3D 檔案格式,但建議優先使用glTF (.gltf) / GLB (.glb),以下是...