Bezier Tool

Drag the control points to change the animation path.

 
 

Animation path defined by:

x(t) = axt3 + bxt2 + cxt + dx

 

y(t) = ayt3 + byt2 + cyt + dy

 

Below is a continous bezier curve, and below that is a continous loop along a bezier curve. Each time you click on start, a new animation appears. To find out how this animation works, read our article on the theory of Bézier curves.