TweenJS v0.1
The first official release of TweenJS. Download now. More updates & better examples coming soon.
links: download, API documentation, GitHub repo, bugbase, wiki
TweenJS provides an extremely simple API for creating complex sequenced animations in Javascript. It includes basic (experimental) support for working with style sheets.
examples: EaselJS example, CSS example
TweenJS was built by gskinner.com, and is released under the MIT license, which means you can use it freely for almost any purpose (including commercial projects). Credit is appreciated where appropriate, but it is not a requirement.
companions: TweenJS works great with EaselJS
TweenJS is currently in beta. We will be making significant improvements to the CSS support & adding improved examples. If you'd like to contribute, please visit the GitHub repository for the project.
The chainable API is simple to work with, and allows for very complex sequencing. For example, the following code will wait 2 seconds, change the text property of "label", fade it out over 3s, then set its visible to false, call the onComplete method, and start nextTween playing.
Tween.get(label).wait(2000).set({text:"this is some new text!"})
.to({alpha:0,visible:false},3000).call(onComplete).play(nextTween);
TweenJS also includes a collection of easing functions, and a Timeline class that lets you synchronize & control a collection of tweens.