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體驗。

參賽天數 25 天 | 共 25 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] Babylon.js WebXR 攝影機和控制器

Babylon.js WebXR攝影機 const xrCamera = new WebXRCamera("nameOfCamera", s...

DAY 22

Babylon.js GUI : 那些在XR世界中的2D畫面

為什麼要用Babylon.js GUI 前面提到當進入XR的時候,就會已經進到裡面,瀏覽器會將渲染權交給畫3D的部分,DOM曾會被隱藏,就暫時無法看到或用到那些...

DAY 23

[Day23] Babylon.js 3D GUI : 做出融入場景的XR互動介面

一個XR就是沉浸感體驗,效能好只是增加好的體驗,想要有沉浸感,融入場景的3D按鈕互動才是能帶來沉浸感的精隨。就像總不能為了省錢就餐餐只吃最低預算過活,還是要保...

DAY 24

[Day24] Babylon.js對於PBR 物理渲染的高度支援

PBR 物理渲染 (Physically Based Rendering) PRB是一種渲染方法,也是一套現代 3D 應用的標準。PBR 模擬光線在真實世界中與...

DAY 25

[Day25] Babylon.js 音訊引擎和方便觀察音訊的音訊視覺化器

Babylon.js音訊引擎是基於W3C的Web Audio規範(在網頁應用程式中處理及合成音訊的規範)。這個音訊引擎包含了環境音效(ambient)、空間音效...