CreateJSでcanvasに画像を読み込み表示する方法

CreateJSを用いてcanvasに画像を読み込んで表示する方法です。

javascript

window.onload = function(){

    // Stageオブジェクトを作成
    // ※canvasタグのid名を引数に指定
    var stage = new createjs.Stage('canvas');

    // Bitmapオブジェクトを作成
    // ※画像ファイルパスを引数に指定
    var bitmap = new createjs.Bitmap('images/image_1.png');

    // stageにBitmapオブジェクトを配置
    stage.addChild(bitmap);

    // canvasの描画設定
    // ※30fpsで描画を繰り返す
    createjs.Ticker.setFPS(30);
    createjs.Ticker.addEventListener('tick', function(){
        stage.update();
    });

}

とりあえず描画のfpsは30にしておきました。