扫雷

来源：互联网发布：数据库访问接口设计编辑：程序博客网时间：2024/05/01 21:07

闲时，写了个扫雷，没有什么用，不过放上来爽一下而已，呵呵……

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
.cl1{width:20;height:20;border-width:3px;border-style:solid;border-left-color:#ffffff;border-top-color:#ffffff;border-right-color:#808080;border-bottom-color:#808080;background-color:c0c0c0;}
.cl2{width:20;height:20;border-width:3px;border-style:solid;border-color:#c0c0c0;background-color:#c0c0c0;}
.inputClass{width:40px;height:20px;border-style:solid;border-width:1px;}
</style>
</head>
<body style="font-size:12px;" oncontextmenu="return false;" bgcolor="#000000">
<div align="center"><font color="#FFFF00"><strong>Supper Landmine Scanning</strong></font>
</div>
<div align="center" style="color:#ffffff"><br>
你已经标记的雷数:<span id="mark" style="color:#ff0000">0</span>  流逝的时间:<span id='time' style="color:#ff0000">0</span>秒</div>
<div id="boardContainer"></div>
<script src="queue.js"></script>
<script>
function board(mNum,w,h)
{
this.mineNum=mNum;
this.height=h;
this.width=w;
this.board=new Array(h);
this.tempBoard=new Array(h);
this.mineP=null;
//direction 有左上到右下，顺时针。
this.direction=new Array(new Array(-1,-1),new Array(0,-1),new Array(1,-1),new Array(1,0),new Array(1,1),new Array(0,1),new Array(-1,1),new Array(-1,0));
this.makeEmptyBoard=makeEmptyBoard;
this.makeMine=makeMine;
this.makeThreadNum=makeThreadNum;
this.onclick=onclick;
this.handleZeroArea=handleZeroArea;
this.check=check;
this.markNum=0;
this.blankLeft=w*h;
this.timer=0;
var n=(mNum<=w*h/2)?0:-1000;
this.makeEmptyBoard(n);
for(var t=0;t<h;t++)
  this.tempBoard[t]=new Array(this.width);
}
function check(position,increase)
{
if(increase)
  {
   this.markNum++;
   document.all("mark").innerText=this.markNum;
   this.tempBoard[position[0]][position[1]]=this.board[position[0]][position[1]];
   this.board[position[0]][position[1]]=10;
  }
else
  {
   this.markNum--;
   document.all("mark").innerText=this.markNum;
   this.board[position[0]][position[1]]=this.tempBoard[position[0]][position[1]];
  }
}
function handleZeroArea(position)
{
  this.blankLeft--;
  this.board[position[0]][position[1]]=9;//将已经访问的o数据改成9即标记已经访问
  document.all(position[0]+"_"+position[1]).className='cl2';
  var newPosition=new Array(2);
  var queue=new Queue();
  queue.enter(position);

  while(!queue.isempty())
  {
   p=queue.retrieve();
   queue.leave();
   for(var k=0;k<8;k++)//这个"var"一定要用！！！！！！！！！！！！！！！！！！！！！！！！！！
     {

   newPosition[0]=parseInt(p[0])+parseInt(this.direction[k][1]);
   newPosition[1]=parseInt(p[1])+parseInt(this.direction[k][0]);
   if(newPosition[0]>=0&&newPosition[0]<this.height&&newPosition[1]>=0&&newPosition[1]<this.width)//没有溢出则执行下边的处理
    {
    if(this.board[newPosition[0]][newPosition[1]]==-1000||this.board[newPosition[0]][newPosition[1]]>0)//为地雷，或者已经显示的就不做处理
     continue;
    else if(this.board[newPosition[0]][newPosition[1]]<0)//非地雷，非已经显示，表示要显示
     {
      this.board[newPosition[0]][newPosition[1]]=-this.board[newPosition[0]][newPosition[1]];
      document.all(newPosition[0]+"_"+newPosition[1]).innerText=this.board[newPosition[0]][newPosition[1]];
      document.all(newPosition[0]+"_"+newPosition[1]).className='cl2';
      this.blankLeft--;
     }
    else if(this.board[newPosition[0]][newPosition[1]]==0)
      {
      this.blankLeft--;
      this.board[newPosition[0]][newPosition[1]]=9;//将已经访问的o数据改成9即标记已经访问
      document.all(newPosition[0]+"_"+newPosition[1]).className='cl2';
      queue.enter(newPosition);
     }
    }
          }
  }
}
function makeEmptyBoard(num)
{
var w=parseInt(this.width*20)+parseInt(this.width)+1;
var htmlCode="<table id='board' width='"+w+"' align='center' border='0' cellpadding='0' cellspacing='1' onselectstart='return false;' onClick=/"if(event.srcElement.tagName.toUpperCase()!='TD')return;if(event.srcElement.innerText!='@')scanBomb.onclick(event.srcElement.id.split('_'),event.srcElement)/" style='cursor:default' oncontextmenu=/"if(event.srcElement.className=='cl1'){event.srcElement.innerText=event.srcElement.innerText=='@'?' ':'@';if(event.srcElement.innerText=='@')scanBomb.check(event.srcElement.id.split('_'),true);else scanBomb.check(event.srcElement.id.split('_'),false);}/">";
for(i=0;i<this.height;i++)
  {
   this.board[i]=new Array(this.width);
   htmlCode+="<tr>";
   for(j=0;j<this.width;j++)
    {
     htmlCode+="<td id='"+i+"_"+j+"' align='center' class='cl1'> </td>"
     this.board[i][j]=num;
    }
   htmlCode+="</tr>";
  }
htmlCode+="</table>";
document.all("boardContainer").innerHTML=htmlCode;
this.makeMine();
this.makeThreadNum();
}

function makeThreadNum()
{
for(i=0;i<this.height;i++)
  for(j=0;j<this.width;j++)
   {
    if(this.board[i][j]==-1000)continue;
    for(k=0;k<this.mineNum;k++)
    if(Math.abs(i-this.mineP[k][0])<=1&&Math.abs(j-this.mineP[k][1])<=1)
     this.board[i][j]--;
   }
}

function onclick(position,ob)
{
var flag=ob.className!='cl2';
if(this.board[position[0]][position[1]]==0)
  this.handleZeroArea(position);

else if(this.board[position[0]][position[1]]==-1000)
  {
   ob.style.borderColor='red';
   ob.style.backgroundColor='red';
   for(i=0;i<this.mineNum;i++)
   {
    document.all(this.mineP[i][0]+"_"+this.mineP[i][1]).innerText="*";}
   alert("You lose!/nSpend time:"+this.timer+"seconds.");
   //location.reload();
    return;
   }

else if(this.board[position[0]][position[1]]<0)
  {
   this.board[position[0]][position[1]]=-this.board[position[0]][position[1]];
   ob.innerText=this.board[position[0]][position[1]];
   ob.className='cl2';
   this.blankLeft--;
  }
if(this.blankLeft==this.mineNum&&flag)
  alert('You win!/nYou spend '+this.timer+' seconds this time.');
}
</script>
<br>
<div align="center" style="color:#ffffff"> 地雷数:
<input type="text" name="textfield1" class="inputClass" value="40">
行数:
<input type="text" name="textfield2" class="inputClass" value="15">
列数:
<input type="text" name="textfield3" class="inputClass" value="15">
<br>
<br>
<input type="submit" name="Submit" value="开始游戏" onclick="this.value='再来一次';begin(document.all('textfield1').value,document.all('textfield3').value,document.all('textfield2').value);" style="width:70;height:20;font-size:12px;">
</div>
<script>
var scanBomb;
var t
function begin(bombNum,width,height){
re=/^[1-9]/d*$/gi;
if(!(re.test(bombNum+width+height))){alert("你的输入有误！");return;}
document.all("mark").innerText=0;
document.all('time').innerText=0;
if(t!=null)window.clearInterval(t);
if(bombNum>=width*height)
  {alert("地雷的数量不能超过或者等于地图的格数！");return;}
scanBomb=new board(parseInt(bombNum),parseInt(width),parseInt(height));
alert('确定后开始！');
t=window.setInterval("document.all('time').innerText=(++scanBomb.timer);",1000);
}
</script>
<br>
<div align="center" style="color:#ffffff">----------------------Power by Hill.Chiu
丘の工作室----------------------<br>
<a href="mailto:hillhero789@sina.com"><font color="#FFFFFF">给我意见</font></a><br>

Run at IE5.5+</div>
</body>
</html>

//---------------------------------------------------------------

queue.js文件：

// JavaScript Document
function node(value,next)//value为position
{
if(value!=null)
{
this.value=new Array(2);
this.value[0]=value[0];
this.value[1]=value[1];}
else
this.value=null;

this.next=next;
}

function Queue()
{
this.first=null;//头指针
this.rear=null;//尾指针
this.size=0;//私有
//以下为方法：
this.enter=enter;//进入队列
this.leave=leave;//离开队列
this.isempty=isempty;//判断队列是否为空
this.retrieve=retrieve;//不离开队列,取得数据
}

function isempty()
{
return this.size==0?true:false;
}

function enter(value)
{
if(this.size==0)
   this.first=this.rear=new node(value,null);
else
  {
   this.rear.next=new node(value,null);
   this.rear=this.rear.next;
  }
this.size++;
}

function leave()
{
if(!this.isempty())
  {
   var temp=this.first;
   this.first=this.first.next;
   delete temp;
   this.size--;
   return true;
  }
else
  return false;
}

function retrieve()
{
if(!this.isempty())
  {
   return this.first.value;
  }
else
  return null;
}