🎲 3D Domino Toppling Physics

The Same Toppling Torque, Standing in Real 3D Space

This companion simulation renders the 2D domino row as a genuine winding chain in WebGL: each domino is a rigid box hinged at its base edge, standing along a path that curves through X/Z and rolls gently in elevation — a real 3D layout, not a flat row viewed from an angle.

The tipping physics is an exact port of the 2D model: each domino's rotation angle grows from 0 to 90° as angularVelocity += fallSpeed accumulates every frame, and a domino strikes the next one once its computed tip position — base + up·H·cos(angle) + tangent·H·sin(angle), the direct 3D analogue of the original's x + sin(angle)·H, y − cos(angle)·H — advances far enough along the path to close the gap, at which point 80% of the striking domino's angular velocity transfers to the next, exactly as in the 2D engine. Drag to orbit the camera around the cascade; scroll to zoom.

Same math, new vantage point

Domino count, spacing and fall speed carry over unchanged from the 2D controls; a fourth slider, path curve, is the genuinely 3D addition — it controls how sharply the chain winds through space, something a flat 2D row has no equivalent of. The live readout tracks fallen count, dominoes currently mid-fall, and the chain's propagation speed in units per second.