CreateJSでcanvasに読み込んだ複数画像をまとめて処理する方法

CreateJSを用いてcanvasに読み込んだ複数画像をまとめて処理する方法です。
複数のBitmapオブジェクトをまとめるのに、Containerクラスを使用します。
※こちらの応用編

javascript

window.onload = function(){

	var stage = new createjs.Stage('canvas');
	
	// 複数のオブジェクトをまとめるコンテナを生成
	var container = new createjs.Container();
	stage.addChild(container);
	
	var queue = new createjs.LoadQueue();
	
	queue.addEventListener('fileload', function(e){
		if(e.item.type === createjs.LoadQueue.IMAGE){
			var bitmap = new createjs.Bitmap(e.result);
			// コンテナにaddChildする
			container.addChild(bitmap);
		}
	});
	
	queue.addEventListener('complete', function(e){
		// コンテナのalphaを0.5にする
		container.alpha = 0.5;
	});
	
	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();
	});

}

全ファイルの読み込みが完了した時点で、Containerオブジェクトのalpha値を変更すると、内包されているBitmapオブジェクトのalpha値がまとめて変更されました。