Home

CanvasLayers

Summary

CanvasLayers is a JavaScript library that adds support for layers to the HTML5 canvas tag without using multiple stacked canvases. Just one canvas is used.

Released under the MIT (X11) licence.c

Overview of Functionality

• Provides layers within a canvas without using multiple stacked canvases.
• Minimises drawing via a damaged rectangles system.
• Simple callback mechanism to draw to layers that uses the standard canvas drawing API.
• Layers can be nested, enabling the creation of complex scenes.
• Transparency support can be enabled or disabled.

Documentation

• Tutorial 1 - The Basics
• Tutorial 2 - Transparency and Non-Rectangular Layers
• Tutorial 3 - Nested Layers]
• Tutorial 4 - Interaction
• Tutorial 5 - Collision Detection
• Tutorial 6 - Damaged Rectangles
• Tutorial 7 - Inheritance