Simple HTML5 Canvas library supporting multiple layers and a drawn object model leveraging John Resig's Simple JavaScript Inheritance library. Beta stages: working on more documentation.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
src
README.md
Stratiscape-min.js
compile-scripts.bat

README.md

Stratiscape, a simple Layered Graphics Interface for the HTML5 Canvas tag

Stratiscape.js

Written by Matt Palmerlee http://www.mattpalmerlee.com/ Mastered Software http://www.masteredsoftware.com/

Live Demos/Examples: http://mpalmerlee.github.com/Stratiscape/

MIT Licensed

uses John Resig's Simple JS Inheritance lib: http://ejohn.org/blog/simple-javascript-inheritance/

See Examples for sample usage:

  • mouseHitTest: 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: http://www.mattpalmerlee.com/2012/05/07/stratiscape-layered-approach-to-html5-canvas/ on how to create this sample.

  • Fireworks: Simple example of adding drawn Objects to Stratiscape with animations

  • Pinwheel: Example of multiple layers drawn independently and mouse interaction.

Projects that use Stratiscape: