将 WebXR 与 Windows Mixed Reality 结合使用

JavaScript 是世界上最流行的编程语言之一！ 它简单轻量，在 Web 上被广泛使用。 利用丰富的 JavaScript 和 Web 技能来创建更具吸引力的混合现实体验。

可以通过 WebXR 在 Web 上使用混合现实功能。 可以在支持 WebXR 的兼容浏览器中查看虚拟现实 (VR) 和增强现实 (AR) 内容，而无需额外安装任何软件或插件。 可以在 HoloLens 2 等物理设备上使用这种浏览器。

WebXR 设备 API 用于在 Web 上访问虚拟现实 (VR) 和增强现实 (AR) 设备，包括传感器和头戴式显示器。 WebXR 设备 API 在 Microsoft Edge 和 Chrome 版本 79 上可用，更高版本默认支持 WebXR。 可以在 caniuse.com 上检查 WebXR 的最新浏览器支持状态。

注意

WebVR 已弃用且在当前浏览器中不可用，因此请不要将其用于任何新的开发。 需要将任何现有 WebVR 实现迁移到 WebXR。

可以使用新的 Microsoft Edge 和 Firefox Reality 浏览器在 Windows Mixed Reality 中查看 WebXR 体验。 若要测试你的浏览器是否支持 WebXR，可以在浏览器中导航到 WebXR 示例。

以下列表显示了用于构建沉浸式体验的 JavaScript 框架和 API，它们目前占据市场主导地位，并被混合现实 JavaScript 开发人员广泛接受和采用：

Babylon 是一种 JavaScript 3D 引擎，可为 3D 内容和沉浸式应用程序的开发提供方便。 在开始使用沉浸式应用程序之前，建议学习 Babylon.js 开发基础知识。

- 了解如何使用 Babylon.js 构建 3D 应用程序：开始使用- 使用 Babylon.js 学习 3D 示例及其源代码：操场- 深入了解 WebXR- 了解如何开始使用我们的教程：创建第一个“Hello World!”应用

A-Frame 是一种声明性 JavaScript 框架，可用于在 Web 中开始进行虚拟现实开发。 若要了解详细信息，请查看 A-Frame 文档

Three.js 是用于创建沉浸式体验的流行 3D 库。 详细了解 three.js 并浏览示例。

可以使用 WebGL API 直接访问 WebXR 设备 API。 WebGL（Web 图形库）是一个 JavaScript API，用于在任何兼容的 Web 浏览器中渲染高性能交互式 3D 和 2D 图形，而无需使用插件。

使用 Babylon.js 创建你的第一个 WebXR 应用程序

使用 Babylon.js 在 WebXR 中生成钢琴