XRWebGLBinding: Methode getViewSubImage()
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
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
layersich 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
| Spezifikation |
|---|
| WebXR Layers API Level 1 # dom-xrwebglbinding-getviewsubimage |