Kirill Grouchnikov from the Android team at Google has released trident-js, a JavaScript animation library. Trident provides support for constructing, playing, and looping animation timelines, complete with keyframe support:
The three basic timeline concepts illustrated in this sample are:
- A timeline is associated with an object.
- A timeline interpolates values of object attributes.
- The attributes are modified at timeline pulses.
The Timeline object supports methods such as play(), playReverse(), replay(), replayReverse(), suspend(), abort(), playLoop(), and playInfiniteLoop() It also maintains states including IDLE, PLAYING_FORWARD, PLAYING_REVERSE, and others.
Be sure to check out the demonstrations captured in this screencast: