Have you ever wished you could have all of the different Tweener transition types (based on the Robert penner easing equations) on a single cheatsheet? I have too. So, I finally got around to making said cheatsheet. Enjoy.
This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
This entry was posted by Nate Chatellier on May 16, 2007 at 11:40 am, and is filed under ActionScript, Flash, Tweener. Follow any responses to this post through RSS 2.0.
You can leave a response or trackback from your own site.
Or you can use the swf on Robert Penner’s site http://www.robertpenner.com/easing/easing_demo.html
easeOutExpo is the best!
Thanks for the contribution, this sure is handy.
p.s.: the link reads “pdf” but the linked file is a “gif” (pdf would be nice)
Oops, thanks Arthur. I did upload the pdf but my html links were messed up. Anyway, it’s fixed now.
Seb – Yeah, Penner’s example is fun to play with and helps to initially understand what the equations do. My goal was to create a cheat sheet that I could hang next to my monitor to refresh me of the different supported easing equations with a one second quick glance.
Thanks for putting this together. It’s a little more handy than the old MC Tween demo page (http://hosted.zeh.com.br/mctween/animationtypes.html).
awesome stuff, thank you!
[...] you to customize the list somewhat, and directly print it if needed. It’s also based on the original cheat sheet by Nate Chatellier, only slightly more [...]
[...] drawk Zeh has posted an excellent cheat sheet for Tweener Easing Penner equations based on the original cheat sheet by Nate Chatellier. This is a very nice visual lookup to see what easing equation you want to use on your motion [...]
Your email address will not be published. Required fields are marked *
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>