Point on a Parametric Curve

From "Creating HTML5 Apps with Mechanical Expressions."

Tags: example, parametric, point, velocity, acceleration

Lissajous Figure

These were (easy and) fun to create on oscilloscopes in the dark days before computers.

Tags: Lissajous, parametric-curve

Morph a circle into a line

A morphing operation can be defined between any pair of parametric curves, open or closed. This app shows morphing a circle into a line segment.  Try moving the location of the destination line segment relative to the start of the circle’s parametrization by dragging the red dots to get different morph curves.

Tags: morph-circle-into-line, clocks, morph-clock-explained

Morphing Clock

Is this clock a circle, or a square, or something in-between, or something beyond? Not only do the hands move in this clock, but its shape changes with time. At the hour it is circular, at the quarter hours it is square and at the half hour, it has gone beyond square to a concave curved square shape. The morphing is achieved by taking a linear combination of the parametric representation of a square and a circle.

Tags: clocks