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:

[Source on GitHub] [Screencast] [Demos]


Have comments? Send a tweet to @TheChangelog on Twitter.

Subscribe to The Changelog Weekly – our weekly email covering everything that hits our open source radar.