Canvas Applications

There are lots of different types of applications which benefit from the HTML 5 canvas element, ranging from paint applications; music players to physics and texture engines. While the demos themselves often don’t offer an explanation about how they were created, you can view the source of the page to the view the HTML and JavaScript code.

Ambilight

Ambilight

Add a glow to your video

Animated Harmonograph

Animated Harmonograph

Harmonographs with Hernan Amiune

Slippy Map

Slippy Map

Grab and slide this canvas map

Sketchpad

Sketchpad

Become a top artist with a few simple mouse clicks using Sketchpad!

QBASIC JS

QBASIC JS

A QBASIC virtual machine using Canvas

Image Washing

Image Washing

Clean the screen

Particle Message

Particle Message

Sending a unique message

Radiohead House of Cards

Radiohead House of Cards

Thom Yorke in 3D

Canvas Sphere

Canvas Sphere

A 2D projection of a 3D sphere on a canvas.

Bean

Bean

Not a silly bean in sight, but a nice effect instead

Space Debris

Space Debris

Space debris in a canvas

Network History Map

Network History Map

Using canvas as an overlay on Google Maps

Tilt-Shift Photo Effect

Tilt-Shift Photo Effect

Using canvas to create a tilt shift effect

Imgkk

Imgkk

Get on my horse, I’ll take you round the universe!

Cloth Simulation

Cloth Simulation

A demo all about moving the cloth, while retaining it’s form

Ajax ANSI Player

Ajax ANSI Player

Drawing ANSI art on a canvas

2D Function Plotter

2D Function Plotter

Plotting maths functions with graphs

Threshold Filter

Threshold Filter

A canvas threshold filter

Panning Navigator

Panning Navigator

Pan large images with this canvas based panning navigator

iGrapher

iGrapher

Web-based financal market visualisation