XRWebGLBinding：getDepthInformation() 方法
getDepthInformation() 方法是 XRWebGLBinding 接口的一部分，它返回一个 XRWebGLDepthInformation 对象，其中包含 WebGL 深度信息。
语法
js
getDepthInformation(view)
参数
返回值
一个 XRWebGLDepthInformation 对象。
异常
NotSupportedErrorDOMException-
如果
"depth-sensing"不在此XRSession的已启用功能列表中，则抛出此异常。 InvalidStateErrorDOMException-
如果
XRFrame未激活或未处于动画状态，则抛出此异常。获取深度信息仅在requestAnimationFrame()回调中有效。 InvalidStateErrorDOMException-
如果会话的
depthUsage不是"gpu-optimized"，则抛出此异常。
示例
获取 WebGL 深度信息
js
const canvasElement = document.querySelector(".output-canvas");
const gl = canvasElement.getContext("webgl");
await gl.makeXRCompatible();
// Make sure to request a session with depth-sensing enabled
const session = navigator.xr.requestSession("immersive-ar", {
requiredFeatures: ["depth-sensing"],
depthSensing: {
usagePreference: ["gpu-optimized"],
formatPreference: ["luminance-alpha"],
},
});
const glBinding = new XRWebGLBinding(session, gl);
// …
// Obtain depth information in an active and animated frame
function rafCallback(time, frame) {
session.requestAnimationFrame(rafCallback);
const pose = frame.getViewerPose(referenceSpace);
if (pose) {
for (const view of pose.views) {
const depthInformation = glBinding.getDepthInformation(view);
if (depthInformation) {
// Do something with the depth information
// gl.bindTexture(gl.TEXTURE_2D, depthInformation.texture);
// …
}
}
}
}
规范
| 规范 |
|---|
| WebXR Depth Sensing 模块 # dom-xrwebglbinding-getdepthinformation |
浏览器兼容性
加载中…