1. 開発者向けのウェブ技術
  2. Web API
  3. VRDisplay
  4. VRDisplay.exitPresent()

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

VRDisplay.exitPresent()

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

exitPresent()VRDisplay インターフェイスのメソッドで、この VRDisplay がシーンを表示するのを停止します。

メモ: このプロパティは、古い WebVR API の一部でした。 WebXR Device APIに置き換えられました。

構文

js
exitPresent();

引数

なし。

返値

表示が終了したら解決するプロミスです。この VRDisplay が、 exitPresent() が呼び出されたときに表示を行っていない場合、このプロミスは拒否されます。

js
if (navigator.getVRDisplays) {
 console.log("WebVR 1.1 supported");
 // Then get the displays attached to the computer
 navigator.getVRDisplays().then(function (displays) {
 // If a display is available, use it to present the scene
 if (displays.length > 0) {
 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", function () {
 if (btn.textContent === "Start VR display") {
 vrDisplay.requestPresent([{ source: canvas }]).then(function () {
 console.log("Presenting to WebVR display");
 // Set the canvas size to the size of the vrDisplay viewport
 var leftEye = vrDisplay.getEyeParameters("left");
 var rightEye = vrDisplay.getEyeParameters("right");
 canvas.width =
 Math.max(leftEye.renderWidth, rightEye.renderWidth) * 2;
 canvas.height = Math.max(
 leftEye.renderHeight,
 rightEye.renderHeight,
 );
 // stop the normal presentation, and start the vr presentation
 window.cancelAnimationFrame(normalSceneFrame);
 drawVRScene();
 btn.textContent = "Exit VR display";
 });
 } else {
 vrDisplay.exitPresent();
 console.log("Stopped presenting to WebVR display");
 btn.textContent = "Start VR display";
 // Stop the VR presentation, and start the normal presentation
 vrDisplay.cancelAnimationFrame(vrSceneFrame);
 drawScene();
 }
 });
 }
 });
}

メモ: この完全なコードは raw-webgl-example で見ることができます。

仕様書

このインターフェイスは、古い WebVR API の一部でしたが、 WebXR Device API に置き換えられました。標準化される予定はありません。

すべてのブラウザーが新しい WebXR API を実装するまで、すべてのブラウザーで動作する WebXR アプリケーションを開発するには、A-FrameBabylon.jsThree.js などのフレームワークを利用したり、ポリフィルを利用したりすると良いでしょう [1]

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /