// render
// background
// tracking
Raise both hands to puppet a silhouette character. Strings connect your fingertips to the marionette — drop your hands to watch it ragdoll.
Raise both hands in front of your webcam. Ten strings — one per fingertip — connect to a backlit silhouette marionette. Thumb and pinky control the shoulders and head, index fingers drive the wrists, middle fingers pull the knees, ring fingers hold the ankles.
Drop your hands and the puppet ragdolls under Verlet physics with stick constraints. When hands are tracked a walk cycle blends in automatically. The underlying WebGL2 skeleton glow and hex-grid background are still rendering beneath the puppet layer.
// controls