Graphs for the Easing Curves

I for one would really love to see some basic graphs on the Easing Page.

Something like

------
Linear
------

      |
      |
      |
Speed |
      |
      |------------------  Curve
      |
      |
      +------------------
            Time


-----------
Exponential
-----------

      |                 |
      |                 |
      |                 |
Speed |                /
      |              /
      |            /
      |       --/
      |_---/
      +------------------
            Time

But a graphical representation of course :stuck_out_tongue:

Different names, but I guess you get the idea: http://easings.net/en

Exactly! I would love to see that on the Fuse Easing page tho, really hate having to reference yet another place for information. I can never rememeber these things!

http://easings.net/ works for me, but it would be nice with a Fuse-specific equivalent.

Also, as a beginner, I would appreciate examples of appropriate/user-friendly uses for certain types of animations. What are some basic conventions in modern apps, and what do users expect?

The first Google hits help a lot though:

I also really liked “The Illusion of Life”, based on Disney’s 12 basic principles of animation: https://vimeo.com/93206523