本篇文章通过代码分析给大家讲解了JS制作推箱子小游戏的步骤以及要点，需要的朋友参考学习下吧。

推箱子小游戏大家肯定都玩过，之所以写这篇文章，是觉得这个小游戏足够简单好理解 demo： 步骤解析： 本文代码已经放在了github上面了,里面也进行了很详细的代码注释，可以copy下来，在本地运行一下看看。 1. 渲染地图 html结构： html结构十分简单，只要弄一堆div，来放置地图的class就可以了，我这里初始化了12*9个div，地图里最多九行高度。 这些div都是同样大小，地图渲染出来区别的只是颜色的不同。 地图函数： var box=$('.box div');