VREyeParameters

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

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

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

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

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

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

インスタンスプロパティ

VREyeParameters.offset 読取専用: ユーザーの目と目の間の中心点から目の中心までのオフセットを、メートル単位で表します。
VREyeParameters.fieldOfView 読取専用: ユーザーの瞳孔間距離 (IPD) の調整により変化する、目の現在の視野角を記述します。
VREyeParameters.renderWidth 読取専用: それぞれの目のビューポートの推奨レンダーターゲットの幅をピクセル単位で記述します。
VREyeParameters.renderHeight 読取専用: それぞれの目のビューポートの推奨レンダーターゲットの高さをピクセル単位で記述します。

例

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();
 });
 });
});