XRCompositionLayer: layout-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die schreibgeschützte layout-Eigenschaft des XRCompositionLayer-Interfaces ist der Layout-Typ der Ebene.

Um den Layout-Typ einer Ebene anzugeben, verwenden Sie eine der Ebenenerstellungsmethoden und deren layout-Option:

Wert

Ein String. Mögliche Werte:

default

Die Ebene passt sich allen Ansichten der Sitzung an. Es wird empfohlen, den texture-array-Texturtyp für default-Layouts zu verwenden.

mono

Ein einzelnes XRSubImage wird zugewiesen und beiden Augen präsentiert.

stereo

Der Benutzeragent entscheidet, wie er das XRSubImage (eines oder zwei) zuweist und das Layout (oben/unten oder links/rechts). Es wird empfohlen, den texture-array-Texturtyp für stereo-Layouts zu verwenden.

stereo-left-right

Ein einzelnes XRSubImage wird zugewiesen. Das linke Auge erhält den linken Bereich der Textur, das rechte Auge den rechten. Dieses Layout ist darauf ausgelegt, die Anzahl der Zeichenaufrufe für Inhalte zu minimieren, die bereits in Stereo vorliegen (zum Beispiel stereoskopische Videos oder Bilder).

stereo-top-bottom

Ein einzelnes XRSubImage wird zugewiesen. Das linke Auge erhält den oberen Bereich der Textur, das rechte Auge den unteren. Dieses Layout ist darauf ausgelegt, die Anzahl der Zeichenaufrufe für Inhalte zu minimieren, die bereits in Stereo vorliegen (zum Beispiel stereoskopische Videos oder Bilder).

Beispiele

Festlegen und Abrufen des Layouts einer Ebene

Um das Layout einer Ebene festzulegen, verwenden Sie eine Ebenenerstellungsmethode (wie XRWebGLBinding.createQuadLayer()) und deren layout-Option. Um den Typ des Ebenenlayouts abzurufen, verwenden Sie die layout-Eigenschaft:

js
const layer = xrGlBinding.createQuadLayer({
  pixelWidth: 1024,
  pixelHeight: 768,
  layout: "stereo",
});

layer.layout; // "stereo"

Spezifikationen

Specification
WebXR Layers API Level 1
# dom-xrcompositionlayer-layout

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch