jvilk / jumbotron

Combines multiple independent canvases on a web page into one logical canvas! Your application won't even know it.

JumboTron

JumboTron takes multiple independent canvases on the same page, and presents them to your JavaScript program as a single canvas. Consider it a jumbotron for your webpage.

Usage

// Take all of your pages' canvases, and make them into a super canvas.
var canvas = new JumboTron(document.getElementsByTagName('canvas'));
// Use 'canvas' like a regular canvas.
// Grab its context, draw stuff, etc.
var ctx = canvas.getContext('2d');

Basically, you should be able to drop JumboTron into an unmodified application; just tell the application to use the JumboTron as the canvas.

Technical Details

JumboTron constructs an invisible canvas that is the size of your combined canvases. It applies all changes to this canvas, and then updates the canvases on your web page.

jumbotron's Issues

Chrome is slow

It appears we are hitting a bug in Chrome:
https://code.google.com/p/chromium/issues/detail?id=170021

We get decent FPS in other browsers (IE/FF/Opera). Chrome needs to get its stuff together.