Math art in code

Delaunay Triangulation is a specific kind of triangulation (the important mathematical concept used in everything from engineering to computer graphics).

See some math, art and coding at:

Delaunay Triangulation

Perlin Noise was an important development in computer game and animations, as it made surfaces a lot more realistic. The process is based on vectors, interpolation and differential calculus. This animation reminds us of smoke moving in the wind. See:

Flux - a Perlin Noise example

The Moire effect is produced when 2 similar patterns (usually slightly out of phase) interact as they move. Sometimes it's not so good (striped shirts on a video), but sometimes it is a design feature. See the animation, which uses simple CSS animations (no javascript), here:

Moiré effect animation

An evolute of a curve is the path traced out by the centers of the radius of curvature of the curve. Animations of this concept produce pleasing geometric shapes. See:

Evolute of a curve

This spinning clock is made using CSS (for the rotation and font changes) and javascript. See:

Spinning clock

Animations of Lissajous curves, using SVG and javascript. See:

Animated Lissajous figures

Create your own solid of revolution using this interactive 3-D graph. Drag across the canvas and the shape automatically appears.

Solid of Revolution maker