使用 JavaScript 進行 WebXR 開發
重要
WebVR 已被取代，目前瀏覽器無法使用，因此不應該用於任何新的開發。 您必須將任何現有的 WebVR 實作轉送至 WebXR。
WebXR 會繼續提供。 不過，WebXR 的支援已停止（沒有錯誤修正、內容更新或技術支援），因此我們無法保證應用程式將持續運作一段時間。
JavaScript 是世界上最受歡迎的程式設計語言之一！ 它簡單、輕量且廣泛使用於網路上。 藉由運用 JavaScript 和 Web 技能的強大功能，建立更具吸引力的混合實境體驗。
網路上的混合實境應用程式
混合實境功能可透過 WebXR 在網路上取得。 您可以在已啟用相容 WebXR 的瀏覽器中查看虛擬實境 （VR） 和擴增實境 （AR） 內容，而不需要安裝任何更多軟體或外掛程式。 您可以將相同的瀏覽器與 HoloLens 2 等實體裝置搭配使用。
WebXR 裝置 API 適用於在網路上存取虛擬實境 （VR） 和擴增實境 （AR） 裝置，包括感測器和前端顯示器。 WebXR 裝置 API 可在 Microsoft Edge 和 Chrome 第 79 版上使用，而更新版本默認支援 WebXR。 您可以在 caniuse.com 檢查 WebXR 的最新瀏覽器支援狀態。
| WebXR 功能 | 可用性 |
|---|---|
| WebXR 裝置 API （w3.org） | Windows 桌面上的Edge 81 HoloLens 2 上的 Edge 91 |
| WebXR 擴增實境模組 - 層級 1 （w3.org） | Edge 91。 僅限 HoloLens 2 |
| WebXR 手部輸入模組 - 層級 1 （w3.org） | Edge 93。 僅限 HoloLens 2 |
| WebXR 錨點模組 （immersive-web.github.io） | Edge 93。 僅限 HoloLens 2 |
| WebXR 點擊測試模組 （immersive-web.github.io） | Edge 93。 僅限 HoloLens 2 |
檢視 WebXR
您可以使用新的 Microsoft Edge 和 Firefox Reality 瀏覽器，在 Windows Mixed Reality 中檢視 WebXR 體驗。 若要測試瀏覽器是否支援 WebXR，您可以在瀏覽器中流覽至 WebXR 範例 。
我可以使用什麼來開發沉浸式 Web 體驗？
下列清單顯示 JavaScript 架構和 API，用於建置目前主導市場的沉浸式體驗，並由混合實境 JavaScript 開發人員廣泛接受並採用：
| 架構 | 範例 |
|---|---|
| Babylon.js Babylon 是 JavaScript 3D 引擎，可讓您輕鬆地開發 3D 內容和沉浸式應用程式。 開始使用沉浸式應用程式之前，建議您先瞭解Babylon.js開發的基本概念。 - 瞭解如何使用 Babylon.js 建置 3D 應用程式： 用戶入門 - 使用Babylon.js播放 3D 範例及其原始程式碼： 遊樂場 - 深入瞭解 WebXR - 瞭解如何開始使用我們的教學課程： 建立您的第一個 “Hello World！” 應用程式 |
 |
| A-Frame A-frame 是一種宣告式 JavaScript 架構，可用來開始使用 Web 上的虛擬實境。 若要深入瞭解，請參閱 A-Frame 檔 |
 |
| Three.js Three.js是一個熱門的 3D 連結庫，可用於建立沉浸式體驗。 深入瞭解 three.js 並 探索範例。 |
 |
| WebGL 您可以使用 WebGL API 直接存取 WebXR 裝置 API。 WebGL （Web Graphics Library） 是 JavaScript API，可在任何相容的網頁瀏覽器中轉譯高效能的互動式 3D 和 2D 圖形，而不需要使用外掛程式。 |
 |
另請參閱
- WebXR 裝置 API 規格
- WebXR 裝置 API 檔
- WebXR 範例
- Immersiveweb.dev
- 使用 Babylon.js 建立 WebXR 體驗
- WebGL API
- 遊戲板 API 和 遊戲板擴充功能
- Windows Mixed Reality 和新的 Microsoft Edge
- 處理 WebGL 中遺失的內容
- Pointerlock
- glTF
- 沈浸式 Web 社群群組
- 沈浸式 Web W3C Github