Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(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();
- });
Add Comment
Please, Sign In to add comment