CreateJS-game

$(document).ready(()=>{ // jQuery main
    
	let stage = new createjs.Stage(canvas);
    let repo = new createjs.LoadQueue();  //建立預載資源

		   
	function setup() {
		// automatically update
		createjs.Ticker.on("tick", e => stage.update());
		createjs.Ticker.framerate = 60;
		// load assets
        repo.loadManifest([ //放入要使用的資源
        	//開始場景
			{id:'start',src:"images/start.png"},
			{id:'title', src:"images/title.png"},

			//關卡1
            {id:'level1',src:"images/event.png"}


        	]);

        repo.on('complete', draw);  //完成載入後執行 draw()
    }
	
	function draw(){
        let start = new createjs.Bitmap(repo.getResult('start'));
        start.scaleX = 0.05;
        start.scaleY = 0.05;
        start.x = 550;
        start.y = 350;
        stage.addChild(start);

        let title = new createjs.Bitmap(repo.getResult('title'));
        title.scaleX = 0.1;
        title.scaleY = 0.1;
        title.x = 500;
        title.y = 100;
        stage.addChild(title);


        //按下 start 按鈕，讓開始畫面的 title 與 start 按鈕都消失，進入關卡 1
        let listener = start.on("click", handleClick, null, false);  //採取特定物件的事件監聽
			function handleClick(event) {
				console.log(this === start);
				stage.removeChild(title);
				stage.removeChild(start);

                let level1 = new createjs.Bitmap(repo.getResult('event')); //顯示關卡1(這裡失敗)
                level1.scaleX = 0.05;
                level1.scaleY = 0.05;
                level1.x = 550;
                level1.y = 350;
                level1.addChild(level1);
                
				start.off("click", listener);
			}

    }
	
	setup();
	
});