HTML5 canvas drawing

Most images on this page are drawn live with javascript on HTML5 canvases using very few lines of code!
So you can interact:
This browser doesn't support the canvas element :-(
Check out the tutorial.

Free source code, algorithms and ideas.

See the Site Map for lots more!

This page is fastest in Google Chrome but remember to refresh to get the latest changes (usually F5)

Fractal Fern

Drawn in just a few
lines of code
This browser doesn't support the canvas element :-(
Click
it to turn the pixels in to sand!

Procedural Button

Down
Highlight
Click it until you like it! This browser doesn't support the canvas element :-(
In-depth tutorial

Procedural Wall

Slow and Dirty:
This browser doesn't support the canvas element :-(
Yet another tutorial

Quadrature
Decoder

Position:
[Both]
→ +1 →
← -1 ←
In 4 lines of code!

Hilbert Curve

A space-filling fractal curve.
Depth:
This browser doesn't support the canvas element :-(

Seed Head

The Golden Ratio and Fibonacci Series are used to draw this:
Seeds
0 Red Spirals
0 Blue Spirals
This browser doesn't support the canvas element :-(
It's like the top of a fir cone!
See the other examples.

Touch my nose...

This browser doesn't support the canvas element :-(
Search for 'Face' in the source for this page.

Dot Product

Drag the green and blue lines.
Green Dot Blue = 0
This browser doesn't support the canvas element :-(
Check out the Vector section and these per-pixel rendered lines in this page's source.

Spherical Lens

Drag the Lens around:
This browser doesn't support the canvas element :-(
Hemisphere
Check out the bottom of
this page's source to see
how this is done...

What is the wavelength of that pitch?

The base standard that orchestras tune to:
A4 is the 10th semitone (Octaves start at C) of octave 4
and has a frequency of 440Hz.

You can find the frequency and wavelength of other musical notes
with this free online javascript calculator:

The Frequency of Octave Pitch is 440Hz
which at Temperature °C (giving a speed of sound of 344.97m/s)
results in a Wavelength of 0.784m
(Note that the speed of sound does not depend on altitude)