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にしておきました。