Wynn Netherland changelog.com/posts

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:

[Source on GitHub] [Screencast] [Demos]


Discussion

Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00