Animation Graphics JavaScript Web development

Move eased dot along a curve

Demonstration of the effect of timing functions on an animation, using a Bezier curve controller. How to use: Drag the handles (green dots) of the control below to adjust the way the red dot runs its loop. It starts and ends in its ‘home’, but the speed may vary, and the dot may even temporarily […]

Geometry Graphics Mathematics

Bouncing in a box

How to intersect a parabola with a line, and other graphics solutions.