推盒子小遊戲是一款多年前很流行的小遊戲(即使現在也有很多人玩),遊戲目的很簡單,就是人推箱子,把所有的箱子推到目的地,就遊戲成功:看似跟簡單的邏輯,其實還是有一定難度的,我也是依靠了別人的幫助才完成的,現在開始介紹如何用js,html5編寫該遊戲(方便起見我們把人用一個粉圓形代替):
一.能力要求
#JavaScript,HTML畫布,物件導向的基本思想,合理的編程邏輯。
二.寫順序
#1.pushBox.html檔
#2.pojo.js檔案(用來存放所有的物件)
#3.paint.js檔案(用來寫畫畫的語句)
4.game.js檔案(用來寫運行邏輯部分)
5.allLevels.js檔案(用來存放關卡)
*註:這是我的書寫習慣,按內容和功能將個各類別分開,如有更好地寫法歡迎評論
三.開始寫
1.建立基本的pushBox .html檔:
內容很簡單,裡面只要
<body> <canvas id='can1' width=1536 height=733></canvas> <audio id="walk" autoplay></audio> <audio id="push" autoplay></audio> <audio id="win" autoplay></audio> </body>