Marionette Rig

An SVG puppet controlled by draggable strings. Five control points drive inverse kinematics across arms, legs, and head. The puppet's gaze tracks your cursor.

HeadL.HandR.HandL.FootR.Foot
Drag the control points to move the marionette. The puppet's gaze follows your cursor.

Inverse Kinematics

Two-bone IK solver computes elbow and knee angles from endpoint targets.

String Physics

Control points at the top pull the figure through gravity-weighted connections.

Gaze Tracking

The puppet's eyes follow your cursor position across the viewport.