Manual Tween JS

A simple tweening library that must be manually updated

Example 1

An elastic tween updated by requestAnimationFrame, that triggers another tween when the first is completed.

Example 2

A bounce and quadratic tweens updated by requestAnimation, adjusting alpha and radius on different times.

Example 3

An exponential tween, delayed using setTimeout, acting on a dom element's width and updated using setInterval

Example 3 div

Example 4

Objects that tween to move and cancel when they collide