Quest 3 WebXR Lab

Agent全链路开发 · 纯代码 · 无GUI依赖 · HTTPS即运行

检测WebXR...

🎲 Hello VR

VR 手部追踪

WebXR入门——旋转立方体 + 地板网格 + 手部关节可视化。纯WebGL2,零依赖。

WebGL2 · immersive-vr · hand-tracking · local-floor

🔮 MR Passthrough

MR 手部追踪

混合现实透视——发光球体漂浮在真实世界中。Quest 3 Passthrough + 手部追踪。

immersive-ar · passthrough · alpha-blend · sphere-geometry

🎨 A-Frame Playground

VR 手部追踪

声明式WebXR——HTML标签构建3D场景,零JS代码。轨道动画 + 交互高亮 + 粒子。

A-Frame 1.6 · declarative · animation · hand-tracking

✋ Hand Grab Lab

VR 手部追踪

手部抓取交互——捏合手指抓取物体,松开释放。桌面物理布局 + 目标区域。

A-Frame 1.6 · hand-tracking-grab-controls · grabbable · pinch

🌐 Shared Space

VR 多人 手部追踪

多人共享空间——WebSocket同步位置+聊天,实时看到其他玩家的化身。

WebSocket · multiplayer · chat · avatar-sync · hand-tracking

🏠 Smart Home MR

MR 手部追踪

智能家居MR控制——连接Home Assistant,在VR/MR中实时操控灯光、开关等设备。

Home Assistant · WebSocket · entity-control · 3D-panels · hand-tracking

🎯 AR Placement

AR Hit Test

混合现实物体放置——检测真实平面,点击放置3D物体,锚定到真实世界。

Three.js · hit-test · plane-detection · anchors · RATK模式

✋ Hand Physics

VR 手部追踪

Three.js官方手部模型+物理交互——捏合抓取,松开抛出,重力+碰撞。

Three.js · XRHandModelFactory · physics · grab · throw

🔫 Controller Shooter

VR 控制器

控制器射击游戏——扣动扳机射击靶标,碰撞检测+粒子爆炸+触觉反馈+分数追踪。

Three.js · XRControllerModelFactory · gamepad · haptics · collision

🎵 Spatial Audio

VR 音频

空间音频体验——3D音源定位,头部追踪驱动HRTF渲染,距离衰减+方向锥。

Web Audio API · PositionalAudio · HRTF · oscillator · directional-cone

🔮 3D Gaussian Splatting

VR 手部追踪

沉浸式查看photorealistic 3D高斯溅射场景——多场景切换,3DGS前沿渲染。

A-Frame · 3DGS · photorealistic · multi-scene · hand-tracking

🎨 VR Painter

VR 手部追踪

3D空间自由绘画——手部追踪/手柄捏合画线,多色调色板,撤销重做。

Three.js · CatmullRomCurve3 · hand-tracking · drawing · undo
🥽 Virtual Simulator — Quest 3虚拟仿真环境 🔬 DevOps Portal — 全链路测试/管理/监控