CreateJS Tinkering 2

by Terrance Smith

HTML

<canvas id="demoCanvas" width="500" height="300">alternate content</canvas>

JavaScript

//http://createjs.com/#!/EaselJS
function declarations () {
    var Button = function (label) {
        this.initialize(label);
    };
    Button.prototype = new createjs.Container();

    Button.prototype.Container_initialize = p.initialize;
    Button.prototype.initialize = function (label) {
        this.Container_initialize();
        // add custom setup logic here.
    };

    window.Button = Button;
}

var stage, holder;

function init() {
    declarations();
    stage = new createjs.Stage("demoCanvas");
    console.info("init");
    var btn1 = stage.addChild(new Button("Hello!", "#F00"));
    btn1.x = 20;
    btn1.y = 20;

    var btn2 = stage.addChild(new Button("Goodbye.", "#0F0"));
    btn2.x = 20;
    btn2.y = btn1.y + 50;

    var btn3 = stage.addChild(new Button("Hello again!!", "#0FF"));
    btn3.y = btn2.y + 50;

    btn1.x = btn2.x = btn3.x = 20;

    createjs.Ticker.addEventListener("tick", stage);
}