Auto-sync: 2026-04-25 04:02

wiki/concepts/WebXR.md

@@ -0,0 +1,51 @@
+---
+title: "WebXR"
+type: concept
+tags: []
+sources: [xr-immersive-developer]
+last_updated: 2026-04-20
+---
+
+## Definition
+WebXR Device API 是 W3C 定义的浏览器原生标准 API，使网页能够创建沉浸式 AR/VR/XR 体验，无需安装原生应用。XR Immersive Developer 的核心技术栈基础。
+
+## Architecture
+```
+Browser (WebXR Device API)
+    ├── WebXR Device API (W3C Spec)
+    │   ├── XRSession (AR/VR/inline)
+    │   ├── XRWebGLLayer (GPU rendering)
+    │   ├── XRReferenceSpace (tracking)
+    │   └── XRInputSource (controllers/hands)
+    ├── XR Frameworks
+    │   ├── A-Frame (Mozilla, declarative)
+    │   ├── Three.js (WebGL abstraction)
+    │   └── Babylon.js (Microsoft, full-featured)
+    └── Hardware Targets
+        ├── [[Meta-Quest]] (via Oculus Browser)
+        ├── [[Vision-Pro]] (via Safari)
+        ├── [[HoloLens]] (via Edge)
+        └── [[Mobile-AR]] (ARKit/ARCore via Chrome Android)
+```
+
+## Supported Input Modes
+- **Controller**：6DoF 手柄追踪
+- **Hand Tracking**：裸手追踪（WebXR Hand Input Module）
+- **Gaze**：注视点交互
+- **Pinch**：捏合手势
+
+## Key Concepts
+- [[Hand-Tracking]]：裸手交互能力
+- [[LOD-System]]：渲染性能优化
+- [[Occlusion-Culling]]：遮挡剔除优化
+
+## Related Agents
+- [[XR-Immersive-Developer]]：WebXR 应用开发专家
+- [[XR-Interface-Architect]]：XR 界面架构设计
+- [[XR-Cockpit-Interaction-Specialist]]：座舱场景 WebXR 实现
+
+## Browser Support
+- Chrome/Edge（桌面 + Android）
+- Firefox Reality
+- Safari（[[Vision-Pro]] / iOS）
+- Oculus Browser（[[Meta-Quest]]）