Playing with HTML5 Canvas

Productive Procrastination

Playing with HTML5 Canvas

Some interactive experiments written in JavaScript using HTML5 Canvas.

Rain Drops

HTML5 Canvas Demo

The clouds, wind direction and speed are initially generated randomly. You can change the wind speed and direction by dragging the pointer and popping the drops by pressing the pointer on them.

Path Planing with A*

HTML5 Canvas Demo

Path planning with a javascript implementation of Dijkstra's shortest path algorithm. Move the pointer over the creatures to wake them up, select them and they will find the shortest path to the black box.

Procedural generated tree

HTML5 Canvas Demo

Procedurally generated fractal tree.

Physics simulator

HTML5 Canvas Demo

Some physics laws implemented in JavaScript.

Boats

HTML5 Canvas Demo

Two boats floating on sinusoidal waves.

Vintage Van

HTML5 Canvas Demo

Move the pointer over the van to start the engine and over it to move forward.

Mérida

HTML5 Canvas Demo

Some landmarks from my city.

Retro Race Game

HTML5 Canvas Demo

Pinhole camera model for a retro game look.