HomeRobotics & KinematicsAnimatronic Servo Choreographer (2D)

Animatronic Servo Choreographer (2D)

Interactive 2D servo-choreography simulator: drive a stylized animatronic head's neck-pan dial, jaw hinge and eyebrow tilt through a looping keyframe show, compare linear, trapezoidal and minimum-jerk quintic S-curve motion profiles on live angle/velocity/acceleration graphs, and tune cycle duration, motion expressiveness and the trapezoid ramp fraction with real-time peak-velocity and peak-acceleration readouts.

Robotics & Kinematics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-robotics-topic-67 ↗ Open standalone

Real animatronic performers — the kind that run theme-park shows, museum guides, and theatrical robots — are built from independent servo channels playing back a stored motion timeline, not from live control. This 2D version drives the same three-channel rig — neck pan, jaw, and eyebrows — from a top-down dial and front-view face, and lays the underlying angle/velocity/acceleration curves out on live strip charts so you can see exactly why a minimum-jerk S-curve reads as lifelike while a linear interpolation looks robotic, and how a trapezoidal profile's velocity kinks depend on its ramp fraction.

⚙ Under the hood

Interactive 2D servo-choreography simulator: drive a stylized animatronic head's neck-pan dial, jaw hinge and eyebrow tilt through a looping keyframe show, compare linear, trapezoidal and minimum-jerk quintic S-curve motion profiles on live angle/velocity/acceleration graphs, and tune cycle duration, motion expressiveness and the trapezoid ramp fraction with real-time peak-velocity and peak-acceleration readouts.

roboticsanimatronicsservo controlmotion profilekinematics2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)