Guest User

Untitled

a guest
Jun 18th, 2018
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.70 KB | None | 0 0
  1. $(document).ready(()=>{ // jQuery main
  2.  
  3. let stage = new createjs.Stage(canvas);
  4. let repo = new createjs.LoadQueue(); //建立預載資源
  5.  
  6.  
  7. function setup() {
  8. // automatically update
  9. createjs.Ticker.on("tick", e => stage.update());
  10. createjs.Ticker.framerate = 60;
  11. // load assets
  12. repo.loadManifest([ //放入要使用的資源
  13. //開始場景
  14. {id:'start',src:"images/start.png"},
  15. {id:'title', src:"images/title.png"},
  16.  
  17. //關卡1
  18. {id:'level1',src:"images/event.png"}
  19.  
  20.  
  21. ]);
  22.  
  23. repo.on('complete', draw); //完成載入後執行 draw()
  24. }
  25.  
  26. function draw(){
  27. let start = new createjs.Bitmap(repo.getResult('start'));
  28. start.scaleX = 0.05;
  29. start.scaleY = 0.05;
  30. start.x = 550;
  31. start.y = 350;
  32. stage.addChild(start);
  33.  
  34. let title = new createjs.Bitmap(repo.getResult('title'));
  35. title.scaleX = 0.1;
  36. title.scaleY = 0.1;
  37. title.x = 500;
  38. title.y = 100;
  39. stage.addChild(title);
  40.  
  41.  
  42. //按下 start 按鈕,讓開始畫面的 title 與 start 按鈕都消失,進入關卡 1
  43. let listener = start.on("click", handleClick, null, false); //採取特定物件的事件監聽
  44. function handleClick(event) {
  45. console.log(this === start);
  46. stage.removeChild(title);
  47. stage.removeChild(start);
  48.  
  49. let level1 = new createjs.Bitmap(repo.getResult('event')); //顯示關卡1(這裡失敗)
  50. level1.scaleX = 0.05;
  51. level1.scaleY = 0.05;
  52. level1.x = 550;
  53. level1.y = 350;
  54. level1.addChild(level1);
  55.  
  56. start.off("click", listener);
  57. }
  58.  
  59. }
  60.  
  61. setup();
  62.  
  63. });
Add Comment
Please, Sign In to add comment