首頁 > web前端 > js教程 > JS和H5編寫推箱子遊戲

JS和H5編寫推箱子遊戲

小云云
發布: 2018-03-17 16:24:49
原創
2095 人瀏覽過


推盒子小遊戲是一款多年前很流行的小遊戲(即使現在也有很多人玩),遊戲目的很簡單,就是人推箱子,把所有的箱子推到目的地,就遊戲成功:看似跟簡單的邏輯,其實還是有一定難度的,我也是依靠了別人的幫助才完成的,現在開始介紹如何用js,html5編寫該遊戲(方便起見我們把人用一個粉圓形代替):

一.能力要求

#JavaScript,HTML畫布,物件導向的基本思想,合理的編程邏輯。

二.寫順序

#1.pushBox.html檔

#2.pojo.js檔案(用來存放所有的物件)

#3.paint.js檔案(用來寫畫畫的語句)

4.game.js檔案(用來寫運行邏輯部分)

5.allLevels.js檔案(用來存放關卡)

*註:這是我的書寫習慣,按內容和功能將個各類別分開,如有更好地寫法歡迎評論

三.開始寫

1.建立基本的pushBox .html檔:

內容很簡單,裡面只要標籤,設定id,其後的

<body>
	<canvas id=&#39;can1&#39; width=1536 height=733></canvas>
	<audio id="walk" autoplay></audio>
	<audio id="push" autoplay></audio>
	<audio id="win" autoplay></audio>
</body>
登入後複製

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板