Domino Chain (Real Physics)

What it is

Push the first domino and watch the wave run down the line. Each domino is simulated with gravity and contact forces, so the speed of the wave, the way pieces lean on each other and the final resting angles come from the physics rather than a keyframed animation. Change how many dominoes there are, how far apart they stand, how hard the first one is pushed and the colour gradient along the line.

Reuse it in your own idea

• Build 3D dominoes in Three.js and rotate each about its front-bottom edge by angleAt (works with Orbit Camera).
• Let the last domino trigger a Kinetic Title reveal by starting the title at the frame where the last angle exceeds 0.05.
• Use frontAt(frame) to drive a progress indicator or camera in any scene.

Which part is reusable

src/domino-chain.js is the ingredient your AI reuses. demo.js is only the example scene around it, and uses the demo harness only for the demo.

Good to know

• One degree of freedom per domino: no sliding, bouncing or tumbling, so impossible-looking setups (very wide spacing) simply stop.
• Straight line on a flat floor; no curves, branches or other objects.
• Contact is a stiff spring (penalty) model; pieces can overlap by up to about 0.04 units (4% of height) while pressing.