WebVR API

概念及使用方法

连接到电脑的所有 VR 设备都将由 Navigator.getVRDevices() 方法返回。这个方法将返回一个包含了所有已连接设备的对象数组，每个设备对应一个对象，该对象继承自 VRDevice——通常一个头显将包含两个设备——头显自身由 HMDVRDevice 表示，和一个跟踪头部位置的位置捕捉传感器，由 PositionSensorVRDevice 表示。

PositionSensorVRDevice 对象有一个 getState() 方法，该方法返回一个VRPositionState 对象——这个对象代表位置传感器在指定时刻的状态，包含了一些十分有用的信息，例如速度、加速度以及运动方向，可用于根据头部运动刷新画面显示。

HMDVRDevice.getEyeParameters() 方法返回一个 VREyeParameters 对象，可用于获取显示区域的信息——头显可以看到多少画面。 VREyeParameters.currentFieldOfView 返回一个 VRFieldOfView 对象，该对象包含了 4 个角度信息来描述当前的显示区域。你可以用 HMDVRDevice.setFieldOfView() 来改变当前的显示区域。

使用控制器：将 WebVR 与 Gamepad API 相结合

Many WebVR hardware setups feature controllers that go along with the headset. These can be used in WebVR apps via the Gamepad API, and specifically the Gamepad Extensions API that adds API features for accessing controller pose, haptic actuators, and more.

WebVR 接口

Navigator.getVRDevices

返回一个会兑现连接到电脑的 VR 设备数组的 promise。

VRDevice

返回一个包括了 VR 设备 IDs，描述等信息的类。由 HMDVRDevice 和 PositionSensorVRDevice 继承。

HMDVRDevice

头戴设备。提供设备双眼、当前视野（FOV）信息。

PositionSensorVRDevice

VR 设备的位置传感器。获取位置、方向信息。

VRPose

根据一个时间戳返回包括（方向、位置、速度、加速度）的状态。

VREyeParameters

给双眼提供正确渲染场景的所有信息，包括 FOV。

VRFieldOfView

返回以视窗的中心点为基点的，表示 FOV 的 4 个角度值（downDegrees, leftDegrees, rightDegrees, upDegrees）。

VRFieldOfViewReadOnly

定义一个 FOV 必须的角度属性。由 VRFieldOfView 继承。

示例

你可以在 Github 的协议中找到一系列的案例：

• mdn/webvr-tests：简单构建的演示用于阐明基本的使用方法。
• MozVR team：更多复杂的演示，关于 WebVR 特别的资源，以及更多的内容！

规范

该 API 在旧的 WebVR API（已被 WebXR Device API 取代）中定义。它不再有望成为标准。

在所有浏览器都实现新的 WebXR API 之前，建议使用框架（如：A-Frame、Babylon.js 或 Three.js）或 polyfill 来开发适用于所有浏览器的 WebXR 应用程序。

浏览器兼容性

参见

• 建立 WebVR 的运行环境
• WebVR 的相关概念
• 怎样使用 WebVR API
• Console Game on Web——一系列有趣的概念游戏演示的集合，其中有些包括了 WebVR。
• threejs-vr-boilerplate——一个当你编写 WebVR APP 时，非常有用的用于开始编程的模板。
• Oculus Rift 主页