I’m trying to implement a timeline based animation, where animations will be able to be:
- paused
- resumed
- fast forwarded
- slowed down
- reversed
- …
Are there any animation/tweening engines for Javascript that could be used for such purpose? Or that would be highly recommended?
Hwlp would be great, especially as this really interests me! =)
You can take a look at jQuery animate at
http://www.visualjquery.com/
in the search field write “animate” click on item and you will see some examples there.
Try to use Yahoo UI:
http://developer.yahoo.com/yui/3/examples/
Look at Animation section.
I don’t know if you’re still interested, but i’m looking for the same as you (believe me, I’m searching for HOURS and hours), and I don’t know if I really found what I was looking for. The closest is jsAnim (http://jsanim.com) and it’s working ok for now. I made a list of what i’ve found on the net:
(Comments are very unparcial and testing was made very quickly. Please take it with tweezers.)
So the winner, for now and for my current animation requirements, is jsAnim. I also want to give a try to Scripty2 and moo.fx since they seem to be around for some time (both from 2005, Scripty2 is the second version of Script.acoulo.us).
My 2cents. Hope it helps somebody. Now God I want my last 8 hours back!!!
I think all of these frameworks will
do that for you(reverse isn’t supported by all of them I see):I prefer jQuery.
I don’t think what you’re looking for exists, you should write it yourself.
Also I think Adobe is coming out with a set of tools for JS/HTML/CSS animations, you can check their presentation at Google IO.
For a complete feature set, check out KUTE.js. It features transform, box model properties, scroll, presentation attributes, SVG morph, SVG draw, tween collections, pause and a ton of easing functions.
This probably out of date, but for those of you who are stil intrested, GSAP is the perfect library for this, easily create and nest multiple timelines, pause,resume and kill them as you wish and many more intuitive things you can do.
Here’s their official link:
https://greensock.com/
I suggest BetweenJS a cross-browser portage of BetweenAS3 for Javascript, where everything u asked for is implemented and ready to use
http://github.com/sazaam/BetweenJS/