VRDisplay.exitPresent()
Deprecated
Avoid using this feature in new projects. Development of the WebVR API halted in favor of WebXR. This feature may be a candidate for removal from web standards or browsers. >
Consider using the following features instead: WebXR. >
exitPresent() 㯠VRDisplay ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ã¡ã½ããã§ããã® VRDisplay ãã·ã¼ã³ã表示ããã®ã忢ãã¾ãã
ã¡ã¢: ãã®ããããã£ã¯ãå¤ã WebVR API ã®ä¸é¨ã§ããã WebXR Device APIã«ç½®ãæãããã¾ããã
æ§æ
exitPresent();
弿°
ãªãã
è¿å¤
表示ãçµäºããã解決ãããããã¹ã§ãããã® VRDisplay ãã exitPresent() ãå¼ã³åºãããã¨ãã«è¡¨ç¤ºãè¡ã£ã¦ããªãå ´åããã®ãããã¹ã¯æå¦ããã¾ãã
ä¾
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-Frame ã Babylon.js ã Three.js ãªã©ã®ãã¬ã¼ã ã¯ã¼ã¯ãå©ç¨ããããããªãã£ã«ãå©ç¨ãããããã¨è¯ãã§ããã [1]ã