Example: Animating Along a Curved Path

This demonstrates how to animate the position of an element along a curve.

Click the button or drag the dots to see the animation. You can use this
example as a tool to find the right XY values for start, end, and control points
that will give you the right shape path for your own animation on a curve.

The curved line shown here between points 0 and 3 is just for preview
purposes, and is not part of animation on a curve. The draggable points 0 - 3
are displayed only for UI interactivity.

To see anim along a path, click the button above, or drag point 0, 1, 2, or 3.

The X and Y of point 0 is [92,103]

The X and Y of 1, 2, and 3, are the sub-arrays in array value of "curve:" in the anim.set()

Complete Example Source

The code shown above does the basics.
This example however, allows dragging the points, displays xy values for each point
while you drag, and displays a path preview of the animation using YUI Graphics
Utility. This adds some complexity.