WebXR Device API：沉浸式渲染与输入基础

概述WebXR 为浏览器提供 VR/AR 的渲染与输入能力。通过 `navigator.xr.requestSession('immersive-vr')` 获取会话，结合 `requestAnimationFrame` 渲染每一帧并处理输入源。示例（简化）const gl = canvas.getContext('webgl2')

const xr = navigator.xr

const session = await xr.requestSession('immersive-vr')

const layer = new XRWebGLLayer(session, gl)

session.updateRenderState({ baseLayer: layer })

const refSpace = await session.requestReferenceSpace('local')

session.requestAnimationFrame(function onXRFrame(t, frame) {

const pose = frame.getViewerPose(refSpace)

// 使用姿态与视图矩阵进行渲染

session.requestAnimationFrame(onXRFrame)

})

工程建议设备与权限：用户手势触发与设备支持检测；处理拒绝与回退到非沉浸模式。性能：控制绘制负载与分辨率；在合成层与 GPU 渲染间权衡。输入：读取 `frame.session.inputSources` 管理控制器与手势。参考与验证MDN WebXR 文档：https://developer.mozilla.org/docs/Web/API/WebXR_Device_APIW3C WebXR 规范：https://www.w3.org/TR/webxr/Chrome 平台文档：https://developer.chrome.com/docs/web-platform/webxr/