XRWebGLBinding: Methode getViewSubImage()
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 getViewSubImage()
-Methode der XRWebGLBinding
-Schnittstelle gibt ein XRWebGLSubImage
-Objekt zurück, das die WebGL-Textur für eine Ansicht repräsentiert.
Syntax
getViewSubImage(layer, view)
Parameter
layer
-
Das
XRProjectionLayer
, das zum Rendern verwendet wird (um andere Schichttypen zu rendern, sieheXRWebGLBinding.getSubImage()
). view
-
Die
XRView
, die zum Rendern verwendet wird.
Rückgabewert
Ein XRWebGLSubImage
-Objekt.
Ausnahmen
Ein TypeError
wird ausgelöst,
- wenn
layer
sich nicht im Schicht-Array der Sitzung befindet.
Beispiele
Rendern eines XRProjectionLayer
Das folgende Beispiel rendert ein XRProjectionLayer
in eine Ansicht.
const xrGlBinding = new XRWebGLBinding(xrSession, gl);
const layer = xrGlBinding.createProjectionLayer({});
const framebuffer = gl.createFramebuffer();
xrSession.updateRenderState({ layers: [layer] });
xrSession.requestAnimationFrame(onXRFrame);
function onXRFrame(time, xrFrame) {
xrSession.requestAnimationFrame(onXRFrame);
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
for (const view in xrViewerPose.views) {
const subImage = xrGlBinding.getViewSubImage(layer, view);
gl.framebufferTexture2D(
gl.FRAMEBUFFER,
gl.COLOR_ATTACHMENT0,
gl.TEXTURE_2D,
subImage.colorTexture,
0,
);
gl.framebufferTexture2D(
gl.FRAMEBUFFER,
gl.DEPTH_ATTACHMENT,
gl.TEXTURE_2D,
subImage.depthStencilTexture,
0,
);
const viewport = subImage.viewport;
gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height);
// Render from the viewpoint of xrView
}
}
Spezifikationen
Specification |
---|
WebXR Layers API Level 1 # dom-xrwebglbinding-getviewsubimage |
Browser-Kompatibilität
BCD tables only load in the browser