52 lines
1.7 KiB
Markdown
52 lines
1.7 KiB
Markdown
---
|
||
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]]）
|