VREyeParameters

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

VREyeParametersWebVR API のインターフェイスで、指定した目のためにシーンを正しくレンダリングするためのすべての情報(視界の情報を含む)を表します。

メモ: このインターフェイスは古い WebVR API の一部でした。これは WebXR 機器 API に置き換えられました。

このインターフェイスは VRDisplay.getEyeParameters() メソッドを通じてアクセスできます。

警告: このインターフェイスは、ビューおよび投影行列を計算するために使用すべきではありません。ハードウェアの互換性を可能な限り確保するために、VRFrameData で指定された行列を使用してください。

インスタンスプロパティ

VREyeParameters.offset 非推奨; 読取専用 非標準

ユーザーの目と目の間の中心点から目の中心までのオフセットを、メートル単位で表します。

VREyeParameters.fieldOfView 非推奨; 読取専用 非標準

ユーザーの瞳孔間距離 (IPD) の調整により変化する、目の現在の視野角を記述します。

VREyeParameters.renderWidth 非推奨; 読取専用 非標準

それぞれの目のビューポートの推奨レンダーターゲットの幅をピクセル単位で記述します。

VREyeParameters.renderHeight 非推奨; 読取専用 非標準

それぞれの目のビューポートの推奨レンダーターゲットの高さをピクセル単位で記述します。

js
navigator.getVRDisplays().then((displays) => {
  // If a display is available, use it to present the scene
  vrDisplay = displays[0];
  console.log("Display found");
  // Starting the presentation when the button is clicked:
  //   It can only be called in response to a user gesture
  btn.addEventListener("click", () => {
    vrDisplay.requestPresent([{ source: canvas }]).then(() => {
      console.log("Presenting to WebVR display");

      // Set the canvas size to the size of the vrDisplay viewport

      const leftEye = vrDisplay.getEyeParameters("left");
      const rightEye = vrDisplay.getEyeParameters("right");

      canvas.width = Math.max(leftEye.renderWidth, rightEye.renderWidth) * 2;
      canvas.height = Math.max(leftEye.renderHeight, rightEye.renderHeight);

      drawVRScene();
    });
  });
});

仕様書

このインターフェイスは古い WebVR API の一部であり、これは WebXR 機器 API で置き枯れられました。標準規格になる見込みはありません。

すべてのブラウザーが新しい WebXR API を実装するまで、 A-FrameBabylon.jsThree.js などのフレームワークを使用するか、ポリフィルを使用することが、すべてのブラウザーで動作する WebXR アプリを開発する上で推奨されます。[1]

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
VREyeParameters
DeprecatedNon-standard
fieldOfView
DeprecatedNon-standard
maximumFieldOfView
DeprecatedNon-standard
minimumFieldOfView
DeprecatedNon-standard
offset
DeprecatedNon-standard
renderHeight
DeprecatedNon-standard
renderWidth
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
User must explicitly enable this feature.
Has more compatibility info.

関連情報