基于javascript扫雷小游戏，以前上学经常玩，web程序设计后记

1.创建9行9列的二维数组。

2.设置雷：随机行数 i 和列数 j，根据随机到 i、j 从二维数组中取出对应的元素，将取到的元素设置一个属性type等于1，表示当前元素已经是雷，并且递增雷计数器，然后递归调用；如果取到的元素已经是雷了，则跳过继续执行，雷计数器达到设定的最大值就跳出递归。

3.计算每个元素周围的雷数量（周围指的是 左上、上、右上、右、右下、下、左下、左 这8个位置），当前位置显示对应的数字（待会内容里面细说）

4.同样根据这个二维数组来创建遮罩的小方块，正好盖住之前创建的图形。

5.点击这个遮罩的小方块则触发揭开，揭开后根据对应的数字或者雷做不同的操作。

代码实现

====

创建背景及相关元素

---

//绘制背景及相关默认元素

Saolei.prototype.drawBG=function(){

var image,img,sx=0,sy=0,sWidth=141,sHeight=54,dx=20,dy=340,dWidth=141,dHeight=54;

//计时

image = this.imgObj[‘common’][15];

img = new _.ImageDraw({image:image,sx:sx,sy:sy,sWidth:sWidth,sHeight:sHeight, dx:dx, dy:dy ,dWidth:dWidth,dHeight:dHeight});

this.renderArr.push(img);

sx=0,sy=0,sWidth=141,sHeight=52,dx=180,dy=340,dWidth=141,dHeight=52;

//计雷

image = this.imgObj[‘common’][14];

img = new _.ImageDraw({image:image,sx:sx,sy:sy,sWidth:sWidth,sHeight:sHeight, dx:dx, dy:dy ,dWidth:dWidth,dHeight:dHeight});

this.renderArr.push(img);

//创建一个方形区域

var rect = new _.Rect({

x:24,

y:44,

width:289,

height:289,

stroke:true

})

this.renderArr.push(rect);

sx=0,sy=0,sWidth=100,sHeight=40,dx=120,dy=2,dWidth=100,dHeight=40;

//重新开始按钮

image = this.imgObj[‘common’][21];

img = new _.ImageDraw({image:image,sx:sx,sy:sy,sWidth:sWidth,sHeight:sHeight, dx:dx, dy:dy ,dWidth:dWidth,dHeight:dHeight});

this.renderArr.push(img);

this.reStartObj=img;

}

创建雷和显示对应的图片

---

**1.随机row 和 col，并从二维数组中获取到这个对象；

2.判断他是否是雷，如果是则跳过当前；

3.如果当前不是雷，则标记当前对象为雷对象，并且更改图片；

4.递归，当达到设定的数量时跳出。**

//创建被遮盖

Saolei.prototype.createUnder=function(){

var image,img,sx=0,sy=0,sWidth&