Base EaselJS Fiddle

Sets up a canvas, stage, and tick

by Andy Novocin

HTML

<canvas id="canvas" width="800" height="600"></canvas>

JavaScript

var tileROW = [[{url:"http://dungeonworld.info/assets/tiles/tile_5281ae26e6078.png", rgb:"rgba(123, 123, 0, 0.3)", text: "tile1"}, {url:"http://dungeonworld.info/assets/tiles/tile_5281ad7862e0d.png", rgb:"rgba(25,0,250, 0.3)", text:"tile2"}], [{url:"http://dungeonworld.info/assets/tiles/tile_5281ad78588d8.png", rgb:"rgba(115, 10, 100, 0.3)", text: "tile3"}, {url:"http://dungeonworld.info/assets/tiles/tile_5281ae271d6ed.png", rgb:"rgba(235,0,0, 0.3)", text:"tile4"}],[{url:"http://dungeonworld.info/assets/tiles/tile_5281ae26e6078.png", rgb:"rgba(123, 123, 0, 0.3)", text: "tile1"}, {url:"http://dungeonworld.info/assets/tiles/tile_5281ad7862e0d.png", rgb:"rgba(25,0,250, 0.3)", text:"tile2"}], [{url:"http://dungeonworld.info/assets/tiles/tile_5281ad78588d8.png", rgb:"rgba(115, 10, 100, 0.3)", text: "tile3"}, {url:"http://dungeonworld.info/assets/tiles/tile_5281ae271d6ed.png", rgb:"rgba(235,0,0, 0.3)", text:"tile4"}]];

var stage = new createjs.Stage("canvas");

/*createjs.Ticker.addEventListener("tick", tick);

var text = new createjs.Text("0", "24px Arial", "#ff0000");
text.x = 150;
text.y = 150;
stage.addChild(text);

//text.textAlign = "center";
//text.textAlign = "left";
text.textAlign = "right";

var score = "01235436728423423";

function tick(event) {    
    // Choose a random string length
    text.text = score.substr(0, Math.random()*score.length|0);
    stage.update();
}*/