trident-js: Javascript animation timeline library
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:
Discussion
Sign in or Join to comment or subscribe