Fork me on GitHub

Stratiscape by mpalmerlee

Simple HTML5 Canvas library supporting multiple layers and a drawn object model.

Stratiscape - Multi-Layer Javascript Canvas Library

Dependencies

John Resig's Simple JavaScript Inheritance library

License

MIT License

Authors

Matt Palmerlee
Mastered Software

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running:

$ git clone git://github.com/mpalmerlee/Stratiscape


Examples using Stratiscape:

Mouse Hit Test:

Shows how to have multiple offset mouse hit detectors and draw an object on click.

Simple:

Simple example with two layers, a background box and a foreground of circles bouncing around it.

See article: Stratiscape – A layered approach to HTML5 Canvas drawing on how to create this sample.

Fireworks:

Simple example of adding drawn Objects on click to Stratiscape with animations

Pinwheel and Dandelions:

Example of multiple layers drawn independently and mouse interaction.

More examples to come.