Web AR • MediaPipe + Three.js

AR 3D Air Drawing WebXR Prototype

Point your index finger (👆) in front of your webcam to sculpt glowing 3D light lines directly in the air. Open your hand (🖐️) to move without drawing. Experience spatial creativity without VR goggles.

Waiting for camera...

draw

Draw in 3D Space

Show your hand to the camera and point your index finger (👆) to sculpt glowing tubes in real-time. Drag across the screen to inspect your artwork in full 3D space.

👆 Point finger: Draw strokes

🖐️ Open hand: Move pen

🔄 Drag: 3D Orbit Rotate

📏 Move in/out: Depth (Z-axis)

※ Camera stream is processed purely locally in your browser and never transmitted externally.

touch_app Point index finger to draw (Open palm to reposition)

touch_app

Intuitive One-Finger Gesture

Point your index finger forward to sculpt spatial lines immediately. Open your palm (🖐️) to release the pen and reposition freely. Operates reliably at any camera angle without pinch ambiguity.

view_in_ar

Real-time 3D Depth

Move your hand closer to draw in the foreground, or push deeper into space for background structures. Switch to 3D Orbit Mode to inspect your spatial sculpture from full 360 degrees.

magic_button

100% Web-Native (No App)

No VR headset setup or app downloads required. Powered by Google MediaPipe and Three.js running synchronously in your browser at smooth 60 FPS.