<xr-live> Spatial Computing Playground

65.1 KB gz (Zero WASM — Physics + Hand Gestures + Depth + Spatial UI)

Ballpit Lab

XRHeightfieldPhysics

Click any sphere in the 3D viewport (or press Space) to blast it upward.
Tap 📱 View in AR for real camera AR, or 🥽 3D Sim to walk around in 1st-person 6DoF Headset Simulator mode.
Drag the Gravity slider to negative/positive values for Zero-G floating.

Gravity (m/s²) -9.81 m/s²

Restitution (Bounciness) 0.84

XRTraitSystem

Demonstrates 6DoF spatial traits: grab, scale, billboard, and anchor.
Drag the AR Passthrough ↔ VR Skybox Blend slider below to fade between transparent AR and full VR skyboxes.
Press G or click Cycle Hand Gesture to simulate 25-joint hand tracking poses.

AR Passthrough ↔ VR Skybox Blend 0% (AR Passthrough)

captureViewFrame()

Click Capture Viewport + 8×8 Depth to snapshot the live RGB frame + metric depth grid.
Click MCP: Scene Graph or MCP: Spawn Object to run WebMCP spatial agent tools.

Click "Capture Viewport"

8×8 Metric Depth Grid (meters)

// Click any WebMCP tool above to inspect live agent JSON payloads...

14 XR Plugins

Drag the Explode Factor slider to peel layers 1–3 apart with 3D leader lines.
Toggle Dimensions, Section Cut, or Shared Room (open a 2nd browser tab to see live 3D peer visor & state sync).
Snap parts into the magnetic lens-bay socket and persist layout via #xr-state.

Exploded Assembly Factor 0%

xr-live-sim

Collect game: move with WASD (or the touch joystick), jump with Space, and fire with F or a tap. Collect all five gems before the timer runs out while two drones patrol and chase.
Training drill: tap the parts in order (valve, filter, cap). An out-of-order tap plays an error cue. An alarm sounds whenever the AGV enters the robot cell.
Click the viewport first so it receives keyboard input.

Gaze Ray Ready

LEFT 6DoF HAND

Pos: [-0.20, 1.35, -0.50]

RIGHT 6DoF HAND

Pos: [+0.20, 1.35, -0.50]

Active Mode Ballpit Lab

Dynamic Bodies 0

Collisions 0

Head Pose (m) 0.0, 1.6, 2.2

Hand Gesture: open-palm

<div slot="spatial"> Billboard + Grab

Spatial UI Card

Live HTML DOM projected into 3D space with UV raycast forwarding & TurnToFace billboarding.

Click Sphere Impulse Click + Drag Orbit Space Launch G Cycle Gesture 1 2 3 Modes

Ready — Ballpit Lab active