在此页

• 句法
• 范例
• 浏览器兼容性
• 另请参阅
• 相关话题

过时
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

这是 实验性技术
检查 浏览器兼容性表格 要小心谨慎在生产中使用这之前。

VRFieldOfView() 构造函数创建新 VRFieldOFView 对象。

句法

There are two forms of this constructor, which take their information in slightly different ways. The first one accepts four separate arguments — the VRFieldOfViewReadOnly.upDegrees , VRFieldOfViewReadOnly.rightDegrees , VRFieldOfViewReadOnly.downDegrees ，和 VRFieldOfViewReadOnly.leftDegrees values you want the field of view to have

var myFOV = new VRFieldOfView(upDegrees, rightDegrees, downDegrees, leftDegrees);
					

The second one takes a VRFieldOfViewInit object as a single argument, which is just a dictionary containing the four degree values mentioned above:

var init = {upDegrees:up,rightDegrees:right,downDegrees:down,leftDegrees:left}
var myFOV = new VRFieldOfView(init);
					

参数

• Four argument version:

  upDegrees

  The number of degrees upwards that the field of view will extend in.

  rightDegrees

  The number of degrees to the right that the field of view will extend in.

  downDegrees

  The number of degrees downwards that the field of view will extend in.

  leftDegrees

  The number of degrees to the left that the field of view will extend in.

• One argument version:

  init

  A dictionary object containing the four degree values specified above.

范例

The following simple example shows a function that can be used to set a custom field of view with four specified degree values for up, right, down and left. The VRFieldOfView() constructor is used to create a VRFieldOfView object from the supplied values, which is then fed into the HMDVRDevice.setFieldOfView 方法。

function setCustomFOV(up,right,down,left) {
  var testFOV = new VRFieldOfView(up,right,down,left);
  gHMD.setFieldOfView(testFOV,testFOV,0.01,10000.0);
  var lEye = gHMD.getEyeParameters('left');
  var rEye = gHMD.getEyeParameters('right');
  console.log(lEye.currentFieldOfView);
  console.log(rEye.currentFieldOfView);
}
			

注意 : When testing, setting a weird/tiny field of view can really mess up your view. It is a good idea to grab the current field of view first (using VREyeParameters.currentFieldOfView ) before making any drastic changes, so you can reset it afterwards if needed.

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
VRFieldOfView() 构造函数 弃用 非标	Chrome No	Edge No	Firefox No	IE No	Opera ?	Safari No	WebView Android No	Chrome Android No	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android No

图例

不支持

不支持

兼容性未知 ?

兼容性未知

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

非标。预期跨浏览器支持较差。

非标。预期跨浏览器支持较差。

弃用。不要用于新网站。

弃用。不要用于新网站。

另请参阅

• WebVR API homepage .
• MozVr.com — demos, downloads, and other resources from the Mozilla VR team.

元数据

• 最后修改： Dec 23, 2019

相关话题

1. WebVR API
2. VRFieldOfView
3. 构造函数

   1. VRFieldOfView()
4. 特性

   1. downDegrees
   2. leftDegrees
   3. rightDegrees
   4. upDegrees
5. 继承：

   1. VRFieldOfViewReadOnly
6. Related pages for WebVR API

   1. Gamepad.displayId
   2. Navigator.activeVRDisplays
   3. Navigator.getVRDisplays()
   4. VRDisplay
   5. VRDisplayCapabilities
   6. VRDisplayEvent
   7. VREyeParameters
   8. VRFrameData
   9. VRLayerInit
   10. VRPose
   11. VRStageParameters