Basic Animation Demonstrations

All velocities are measured “per frame,” with a frame being updated every 30 milliseconds.

Constant Velocity

Enter a velocity: then click .

Fading In and Out

Enter the time in which to fade in seconds: then click .

“Ramped” or “Eased” Animation

Enter the duration of the animation (in seconds): and choose the desired “easing” function:

...then click .