Instantiates four paths including two axis, a circular arc, and a cubic spline. Constructs a rendering of each path with a dot of a given color travelling back and forth along the path in a given duration each way. SlowInSlowOut and FastInFastOut interpolation methods are used for going forward and backward, respectively. This sample also demonstrates the pixel coordinate system by displaying the X and Y axis with given coordinates in terms of pixels. Notice how in Pixel Construction mode the positive Y axis goes downwards, which is consistent with the HTML coordinate system. Also, the parameters for all paths are specified in terms of pixel coordinates. Furthermore, the sample demostrates the construction of a freeform smooth path as a cubic spline. The sample uses a generally useful utility function, SimpleSpline, which takes a list of control points, constructs a suitable knot vector automatically, and returns the spline path. The moving points are first class values in DirectAnimation, hence they can be returned as parameters from functions, and in this case are used to construct time varying triangles, which are partially opaque as can be noticed where they overlap. Also, the animation overlays the html text and hence the transparent triangles are composed with the underlying HTML. Set "z-index:-1" for the DA control, whereby the animation is rendered behind the text, and notice the subtle difference in the way the triangles and text interact.