js 实现推箱子

js 实现推箱子

1. 效果图

2.代码如下

//1.地图函数：
var box=$(‘.box div’); //地图使用的div集合 
function create(){
    //创建地图函数 
box.each(function(index){
    //index的数量是固定的，是box div下面div的数量 
     // 每次创建地图初始化div 
    box.eq(index).removeClass(); 
}); 
box.each(function(index,element){
    //循环整个div的数量 二维数组里数量不够的 默认为空白 
//level为关卡数 根据关卡渲染地图 builder为二维数组，为地图关卡 
    if(builder[level][index]){
    //过滤0 
        box.eq(index).addClass(‘type’+builder[level][index]); 
    } 
}); 
box.eq(origin[level]).addClass(“pusher”); //推箱人位置 
}
//第一关的地图长这样，0代表不可抵达区域，1代表要被推到的地方， 
//2代表普通路径，3代表墙，4代表箱子 
[0,0,0,0,3,3,3,0,0,0,0,0, 
0