MediaPipe + Three.js

TouchDesign Lab

Move your index finger to pull the 3D field. Pinch to compress it. Use two hands to widen the space.

Ready. Demo motion is active until camera tracking starts.

Input Demo
Hands 0
Pinch 0%
Energy 35%
FPS --
Landmarks Model idle
Camera preview appears here