JavaScript编写推盒游戏

推箱子游戏是一个古老的游戏。网上有各种版本。我说说推盒游戏的简单实现和我发现的一些参考视频和例子；

以下是效果图：

这款拖框游戏已经适应了移动端。我用zepto的触控模块，用手指滑动屏幕，控制乌龟往不同方向走；

因为推箱子这个游戏比较简单，代码直接用程序化的方式编写，模块是两个View和Models，剩下的就是用户的事件Controller。每次用户按下键盘方向键，数据模型的数据就会发生变化，然后游戏的静态html就会重新生成，然后由innerHTML插入界面，自动生成DOM节点；

游戏的关卡模型是数据。我将每个级别的数据分为三部分：

地图数据、龟的二维数组(地图数据包括砖块、箱的目标位置、空白位置)箱数据、龟的一维数组(箱的初始位置)数据、json对象每一级都有对应的游戏级数据，模拟数据如下：

Level: [{//0是空地图//1是砖块//3是目标点状态： [[0，0，1，1，0，0，0]，[0，1，1，3，3，1，0，0]，0，0]]，person: {x: 2，y: 2}，box3360 [{x:3，y: 2}，{x:4，y:2}]}，//第二层{//0是空地图/。1，1，0，0]，[0，1，0，0，1，1，1，0]，[0，1，0，0，1，0]，[1，1，1，0，1，0，1，1]，[1，3，1，0，1，0，0，1]，[1，3，0，0，1，0，1]，[1，3，0，0，0，0，0，0，1]，[1，1，1，1，1，1