MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

这篇翻译不完整。请帮忙从英语翻译这篇文章

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

WebVR provides support for exposing virtual reality devices — for example head-mounted displays like the Oculus Rift — to web apps, enabling developers to translate position and movement information from the display into movement around a 3D scene. This has numerous very interesting applications, from virtual product tours and interactive training apps to super immersive first person games.

WebVR为虚拟现实设备显示提供支持 — 例如Oculus Rift这样的头戴设备到web apps的连接, 允许开发者将位置和动作信息转换成3D场景中的运动。这项技术会有很多有趣的应用, 比如虚拟的产品展示,可交互的培训课程以及超强沉浸感的第一人称游戏。

Concepts and usage 概念及使用方法

【K】

Sketch of a person in a chair with wearing goggles labelled "Head mounted display (HMD)" facing a monitor with a webcam labelled "Position sensor"

Any VR devices attached to your computer will be returned by the Navigator.getVRDevices() method. This returns an array of objects to represent the attached devices, which inherit from the general VRDevice object — generally a head mounted display will have two devices — the head mounted display itself, represented by HMDVRDevice, and a position sensor camera that keeps track of your head position, represented by PositionSensorVRDevice.

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

The PositionSensorVRDevice object contains the getState() method, which returns a VRPositionState object — this represents the sensor’s state at a given timestamp, and includes properties containing useful data such as current velocity, acceleration, and orientation, useful for updating the rendering of a scene on each frame according to the movement of the VR head mounted display.

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

The HMDVRDevice.getEyeParameters() method returns a VREyeParameters object, which can be used to return field of view information — how much of the scene the head mounted display can see. The VREyeParameters.currentFieldOfView returns a VRFieldOfView object that contains 4 angles describing the current view from a center point. You can also change the field of view using HMDVRDevice.setFieldOfView().

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

Note: To find out more about using these interfaces in your own app, read Using the WebVR API. To learn more about the basic concepts behind VR, read WebVR concepts.

注释:: 要了解更多关于如何在你的应用程序中使用这些接口,请阅读文章Using the WebVR API. 要学习更多关于VR技术背后的基础概念,请阅读文章 WebVR concepts.

【K】

WebVR Interfaces 接口

Navigator.getVRDevices
Returns a promise that resolves to an array of objects representing the VR devices attached to the computer.
返回一个Promise对象,并通过resolve方式返回参数,参数为链接到电脑的VR设备数组。
VRDevice
A generic VR device, includes information such as device IDs and descriptions. Inherited by HMDVRDevice and PositionSensorVRDevice.
返回一个包括了VR设备IDs,描述等信息的类。HMDVRDevice 和 PositionSensorVRDevice 继承了 VRDevice。
HMDVRDevice
Represents a head mounted display, providing access to information about each eye, and the current field of view.
头戴设备。提供设备双眼、当前FOV(field of view)信息。
PositionSensorVRDevice
Represents the position sensor for the VR hardware, allowing access to information such as position and orientation.
VR设备的位置传感器。获取位置、方向信息。
VRPose
Represents the position state at a given timestamp (which includes orientation, position, velocity, and acceleration.)
根据一个时间戳返回包括(方向、位置、速度、加速度)的状态。
VREyeParameters
Provides access to all the information required to correctly render a scene for each given eye, including field of view information.
给双眼提供正确渲染场景的所有信息,包括FOV。
VRFieldOfView
Represents a field of view defined by 4 different degree values describing the view from a center point.
返回以视窗的中心点为基点的,表示FOV的4个角度值(downDegrees, leftDegrees, rightDegrees, upDegrees)。
VRFieldOfViewReadOnly
Contains the raw definition for the degree value properties required to define a field of view. Inherited by VRFieldOfView.
定义一个FOV必须的角度属性。VRFieldOfView 继承了 VRFieldOfViewReadOnly。

Examples 案例

【K】

You can find a number of examples at these Github repos:

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

  • mdn/webvr-tests: Simple demos built to illiustrate basic feature usage.
  • mdn/webvr-tests: 简单构建的demos用于阐明基本的使用方法。
  •  
  • MozVR team: More advanced demos, the WebVR spec source, and more!
  • MozVR team: 更多复杂的demos,关于WebVR特别的资源,以及更多的内容!
  • 【K】

Specifications 说明书

【K】

Specification 完整说明 Status 现状 Comment 评论
WebVR

Editor's Draft

草稿阶段

Initial definition

最初的定义

【K】

Browser compatibility 浏览器兼容性

【K】

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)[1] 39 (39)[2] 未实现 未实现 未实现
Feature Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support 未实现 39.0 (39)[2]
44.0 (44)[3]
未实现 未实现 未实现 未实现 未实现
  • [1] The support in Chrome is currently experimental. To find information on Chrome's WebVR implementation status including supporting builds, check out Bringing VR to Chrome by Brandon Jones.
  • [1]在谷歌浏览器中的支持目前尚处于实验阶段。要查找谷歌WebVR的执行状况的相关信息,包括相关技术支持的建设情况,请查看将VR带进Chrome 作者:Brandon Jones.
  •  
  • [2] The support for this feature is currently disabled by default in Firefox. To enable WebVR support in Firefox Nightly/Developer Edition, you can go to about:config and enable the dom.vr* prefs. A better option however is to install the WebVR Enabler Add-on, which does this for you and sets up other necessary parts of the environment.
  • [2] 这项功能的技术支持,目前在火狐的浏览器中并不能被执行。要想使用火狐浏览器Nightly/开发者版本中WebVR的相关功能,你可以选择:配置并提升dom.vr* prefs的优先级. 另一个更好的选择是安装WebVR Enabler Add-on, 它能代替你完成这些工作并建立其他运行环境中必需的部分environment.
  • [3] The dom.vr* prefs are enabled by default at this point, in Nightly/Aurora editions.
  • [3] The dom.vr* prefs 在Nightly/Aurora的版本中,目前并不能被执行。

See also 相关文章

【K】

Methods and properties list

文档标签和贡献者

 此页面的贡献者: SoAanyip, Mr-walter-wang, vtejuf, huzhihang
 最后编辑者: SoAanyip,