XRWebGLBinding: Methode createProjectionLayer()

options

Ein Objekt zur Konfiguration des XRProjectionLayer.

textureType Optional

Ein String, der den Typ der Textur definiert, den die Schicht haben wird. Mögliche Werte:

texture

Die Texturen von XRWebGLSubImage werden vom Typ gl.TEXTURE_2D sein.

texture-array

Die Texturen von XRWebGLSubImage werden vom Typ gl.TEXTURE_2D_ARRAY sein (nur in WebGL 2 Kontexten). Der Standardwert ist texture.

colorFormat Optional

Ein GLenum, das den Datentyp der Farbtexturdaten definiert. Mögliche Werte:

• gl.RGB
• gl.RGBA Zusätzlich für Kontexte mit aktivierter EXT_sRGB-Erweiterung:
• ext.SRGB_EXT
• ext.SRGB_ALPHA_EXT Zusätzlich für WebGL2RenderingContext-Kontexte:
• gl.RGBA8
• gl.RGB8
• gl.SRGB8
• gl.RGB8_ALPHA8 Der Standardwert ist gl.RGBA.

depthFormat Optional

Ein GLenum, das den Datentyp der Tiefentexturdaten definiert oder 0, was anzeigt, dass die Schicht keine Tiefentextur bereitstellen soll. (In diesem Fall wird XRProjectionLayer.ignoreDepthValues true sein.) Mögliche Werte innerhalb von WebGLRenderingContext-Kontexten mit aktivierter WEBGL_depth_texture-Erweiterung oder innerhalb von WebGL2RenderingContext-Kontexten (keine Erweiterung erforderlich):

• gl.DEPTH_COMPONENT
• gl.DEPTH_STENCIL Zusätzlich für WebGL2RenderingContext-Kontexte:
• gl.DEPTH_COMPONENT24
• gl.DEPTH24_STENCIL24 Der Standardwert ist gl.DEPTH_COMPONENT.

scaleFactor Optional

Ein Gleitkommawert, der verwendet wird, um die Schicht während der Komposition zu skalieren. Ein Wert von 1.0 repräsentiert die Standardpixelgröße für den Framepuffer. (Siehe auch XRWebGLLayer.getNativeFramebufferScaleFactor().) Im Gegensatz zu anderen Schichten kann die XRProjectionLayer nicht mit expliziter Pixelbreite und -höhe erstellt werden, da die Größe von der Hardware abgeleitet wird. (Projektschichten füllen die gesamte Sicht des Beobachters aus.)

Ein XRProjectionLayer-Objekt.

Die textureType-Option ermöglicht es, stattdessen ein Textur-Array zuzuweisen, in dem jede XRView in eine separate Ebene des Arrays gerendert wird. Dies ermöglicht einige Rendering-Optimierungen, wie die Verwendung der OVR_multiview2-Erweiterung, die in WebGL 2 Kontexten verfügbar ist.

function onXRSessionStarted(xrSession) {
  const glCanvas = document.createElement("canvas");
  const gl = glCanvas.getContext("webgl2", { xrCompatible: true });
  const xrGlBinding = new XRWebGLBinding(xrSession, gl);
  const projectionLayer = xrGlBinding.createProjectionLayer({
    textureType: "texture-array",
  });
  xrSession.updateRenderState({
    layers: [projectionLayer],
  });
}

• XRProjectionLayer
• WebGL Konstanten