Visualizing Easing Equations

Inspired by Grant Skinners really nice SparkTable tool, i explored the Easing Equations a bit more today and tried to understand what the graphic actually showed.

I created a SparkTable-Class based on Skinners Code for an easier use in Flexbuilder. I rotated the animation so that the x-axis equals time. The bright colored graph shows the distance to its destination. The second, darker graph shows the speed.

Here is a comparison between Sine.easeOut, Sine.easeIn and Sine.easeInOut..

The visualazition really helps to create custom Easing functions!

May 22nd, 2008 by Daniel / 4 Comments

Comments on “Visualizing Easing Equations”

I don’t know if you’d be interested in this or not, but I have an interactive graph that demonstrates what happens when using easing equations to control both the X and Y properties. It uses my weird easing equations but the concepts can be applied to the standard AS easing functions.

PixelWit on June 9th, 2008 at 8:05 am

ha, thx for releasing that class, big help.

Dominic on June 9th, 2008 at 4:16 pm

Good Jobs.
Thanks for all..

articles on June 12th, 2008 at 1:19 pm

Very impressive, thanks. Also a great demonstration of the the versatility of Flash.

james seo on July 22nd, 2008 at 5:02 pm

Visualizing Easing Equations

Comments on “Visualizing Easing Equations”

Pages

Tags

Archives