mpalmerlee / Stratiscape

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.

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:

• Astriarch - Ruler of the Stars, space strategy game http://www.astriarch.com/

• Chem Fight - Chemistry Battle Game - Entry for the js13kgames competition http://masteredsoftware.com/chemfight/
  sourcecode: https://github.com/mpalmerlee/ChemFight

• Qlinqo - Qlinqo is an HTML5 Game similar to Plinko on the Price is Right, drop your game piece and try to get it into a high-scoring slot! http://www.masteredsoftware.com/qlinqo/ sourcecode: https://github.com/mpalmerlee/Qlinqo