Glimmr Canvas Animation

version 1/111030 by Erik Temple

  • Home page
  • Beginning
  • Previous
  • Next



  • Section: Types of easing

    GCA has 16 easing equations built in, from purely linear to a quadratic curve to a parabolic bounce. If these don't meet your needs, you can also add your own equations (see below for a few notes on rolling your own).

    Most of the included equations are available in three flavors each. “Easing out” describes a sequence in which motion starts out moving rapidly and then slows, more or less gradually, to a stop. “Easing in” is the opposite–-slow to fast. “Easing in-out” combines the two effects. Different functions are used to qualify these three basic categories, resulting in the full names of the easing equations: “quadratic easing in” for example, or “circular easing out”.

    Here are the names of the built-in equations:

        linear easing (constant speed--the default, not really "eased" at all)
        
        quadratic easing in
        quadratic easing out
        quadratic easing in-out
        
        cubic easing in
        cubic easing out
        cubic easing in-out
        
        circular easing in
        circular easing out
        circular easing in-out
        
        cubic back easing in
        cubic back easing out
        cubic back easing in-out
        
        bounce easing in
        bounce easing out
        bounce easing in-out
        
    Again, see the "Eased Movements" example included with the extension to preview each of these effects.