VRLayerInit

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das VRLayerInit-Wörterbuch der WebVR API repräsentiert eine Inhaltschicht (ein HTMLCanvasElement oder OffscreenCanvas), die Sie in einem VR-Display präsentieren möchten.

Hinweis: Dieses Wörterbuch war Teil der alten WebVR API. Es wurde durch die WebXR Device API ersetzt.

Sie können VRLayerInit-Objekte mit VRDisplay.getLayers() abrufen und sie mit der Methode VRDisplay.requestPresent() präsentieren.

Instanzeigenschaften

VRLayerInit.leftBounds Veraltet

Definiert die linken Texturgrenzen des Canvas, dessen Inhalte vom VRDisplay präsentiert werden.

VRLayerInit.rightBounds Veraltet

Definiert die rechten Texturgrenzen des Canvas, dessen Inhalte vom VRDisplay präsentiert werden.

VRLayerInit.source Veraltet

Definiert den Canvas, dessen Inhalte vom VRDisplay präsentiert werden, wenn VRDisplay.submitFrame() aufgerufen wird.

Beispiele

js
// currently returns an empty array
let layers = vrDisplay.getLayers();

if (navigator.getVRDisplays) {
  console.log("WebVR 1.1 supported");
  // Then get the displays attached to the computer
  navigator.getVRDisplays().then((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", () => {
        vrDisplay.requestPresent([{ source: canvas }]).then(() => {
          console.log("Presenting to WebVR display");

          // Here it returns an array of VRLayerInit objects
          layers = vrDisplay.getLayers();

          // …
        });
      });
    }
  });
}

VRLayerInit-Objekte sehen etwa so aus:

js
const init = {
  leftBounds: [
    /* … */
  ],
  rightBounds: [
    /* … */
  ],
  source: canvasReference,
};

Hinweis:>canvasReference bezieht sich auf das <canvas>-Element selbst, nicht auf den mit dem Canvas verbundenen WebGL-Kontext. Die anderen beiden Mitglieder sind Arrays.

Spezifikationen

Dieses Wörterbuch war Teil der alten WebVR API, die durch die WebXR Device API ersetzt wurde. Es ist nicht mehr auf dem Weg, ein Standard zu werden.

Bis alle Browser die neuen WebXR APIs implementiert haben, wird empfohlen, auf Frameworks wie A-Frame, Babylon.js oder Three.js oder ein Polyfill zurückzugreifen, um WebXR-Anwendungen zu entwickeln, die in allen Browsern funktionieren. Lesen Sie den Leitfaden „Porting from WebVR to WebXR“ von Meta für weitere Informationen.

Siehe auch