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 |
瀏覽器相容性
載入中…