推箱子小游戏是一款多年前很流行的小游戏（即使现在也有很多人玩），游戏目的很简单，就是人推箱子，把所有的箱子推到目的地，就游戏成功：看似跟简单的逻辑，其实还是有一定难度的，我也是依靠了别人的帮助才完成的，现在开始介绍如何用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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
