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ürdefault
-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, dentexture-array
-Texturtyp fürstereo
-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:
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