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

CreateJSを用いてcanvasに複数の画像を読み込んで表示する方法です。
※こちらの応用編

javascript

window.onload = function(){

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

    // キューオブジェクトを生成
    var queue = new createjs.LoadQueue();

    // 各ファイル読み込み完了時
    queue.addEventListener('fileload', function(e){
        // 画像の場合
        if(e.item.type === createjs.LoadQueue.IMAGE){
            var bitmap = new createjs.Bitmap(e.result);
            stage.addChild(bitmap);
        }
    });

    // 全ファイル読み込み完了時
    queue.addEventListener('complete', function(e){
        alert('全ファイル読み込み完了');
    });

    // 読み込み実行
    queue.loadManifest([
        {id:'image_1', src:'images/image_1.png'},
        {id:'image_2', src:'images/image_2.png'},
        {id:'image_3', src:'images/image_3.png'},
        {id:'image_4', src:'images/image_4.png'},
        {id:'image_5', src:'images/image_5.png'}
    ]);

    createjs.Ticker.setFPS(30);
    createjs.Ticker.addEventListener('tick', function(){
        stage.update();
    });

}

e.resultで、読み込んだファイルが取得出来る。
e.item.typeで、読み込んだファイルの種類が取得出来る。
e.item.idで、読み込み実行時に設定したidが取得出来る。

また、全ファイルが読み込み終わった際に
queue.getResult(設定したid);
で、読み込んだ各ファイルが取得出来る。