XRWebGLSubImage: imageIndex-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, bevor Sie diese produktiv verwenden.

Die schreibgeschützte imageIndex-Eigenschaft des XRWebGLSubImage-Interfaces ist eine Zahl, die den Versatz innerhalb des Texturarrays darstellt, wenn die Ebene mit texture-array angefordert wurde; andernfalls null.

Wert

Eine Zahl oder null, wenn die Ebene nicht mit texture-array angefordert wurde.

Verwendung von imageIndex

Die imageIndex-Eigenschaft kann an WebGL2RenderingContext.framebufferTextureLayer() übergeben werden, um die Tiefen- und Farbtexturen mit dem korrekten Ebenenindex an ein Framebuffer anzuhängen.

js
const xrGlBinding = new XRWebGLBinding(xrSession, gl);
const layer = xrGlBinding.createProjectionLayer({
  textureType: "texture-array",
});
const framebuffer = gl.createFramebuffer();

xrSession.updateRenderState({ layers: [layer] });
xrSession.requestAnimationFrame(onXRFrame);

function onXRFrame(time, xrFrame) {
  xrSession.requestAnimationFrame(onXRFrame);

  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
  const viewport = xrGlBinding.getSubImage(layer, xrFrame).viewport;
  gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height);

  for (const view in xrViewerPose.views) {
    const subImage = xrGlBinding.getViewSubImage(layer, view);
    gl.framebufferTextureLayer(
      gl.FRAMEBUFFER,
      gl.COLOR_ATTACHMENT0,
      subImage.colorTexture,
      0,
      subImage.imageIndex,
    );
    gl.framebufferTextureLayer(
      gl.FRAMEBUFFER,
      gl.DEPTH_ATTACHMENT,
      subImage.depthStencilTexture,
      0,
      subImage.imageIndex,
    );

    // Render from the viewpoint of xrView
  }
}

Spezifikationen

Specification
WebXR Layers API Level 1
# dom-xrwebglsubimage-imageindex

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch