Home > Flash, Flex > Easing Along Parametric Curves Demo

Easing Along Parametric Curves Demo

September 3, 2008

The Bezier easing demo is now online. It only illustrates ease-out for a few ease types, but it should be enough to get the idea across.  The following screenshot illustrates the difference between natural and arc-length parameterization for a cubic Bezier curve with cubic ease-out.

Cubic ease-out for two Bezier curves with different parameterization.

Cubic ease-out for two Bezier curves with different parameterization.

The red marker illustrates application of the ease without arc-length parameterization.  The green marker illustrates proper easing with arc-length parameterization.  Although motion along the top curve appears to be eased, the motion is incorrect.  Worse, the actual velocity along the curve is a function of geometric constraints.

The online demo may be viewed here.  The page includes a link to download Singularity.  The demos folder includes the MXML file for this demo which can be modified to test different easing methods as well as ease-in.

  1. JT
    September 3, 2008 at 8:44 am

    Interesting – never thought about this.

  1. No trackbacks yet.
Comments are closed.
%d bloggers like this: