WEB开发网
开发学院网页设计JavaScript js写的俄罗斯方块 阅读

js写的俄罗斯方块

 2007-11-27 17:54:43 来源:WEB开发网   
核心提示:<HTML><HEAD><title>俄罗斯方块</title><style><!--BODY{}.MB{ BACKGROUND-COLOR: firebrick; CURSOR: default; HEI
<HTML>
<HEAD>
<title>俄罗斯方块</title>
<style>
<!--
BODY
{
}
.MB
{
    BACKGROUND-COLOR: firebrick;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.SB
{
    BACKGROUND-COLOR: slategray;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.BK
{
    BACKGROUND-COLOR: white;
    CURSOR: default;
    HEIGHT: 22px;
    WIDTH: 22px
}
.GT
{
    BORDER-BOTTOM: deepskyblue thin solid;
    BORDER-LEFT: deepskyblue thin solid;
    BORDER-RIGHT: deepskyblue thin solid;
    BORDER-TOP: deepskyblue thin solid;
    CURSOR: default
}
-->
</style>
<script>
<!--
var BX=new Array(4);
var BY=new Array(4);
var PX=new Array(4);
var PY=new Array(4);
var mTimer
var firstView

function beginGame()
{
  gameState=0;
  speed=1;
  outTime=1100-speed*100;
  score=0;
  if(gameState!=0)return;
  firstView=true;
  for(j=0;j<16;j++)
    for(i=0;i<10;i++)
      setClass(i,j,BK);
  randBar();
  gameState=1;
  Play.disabled=true;
  window.clearInterval(mTimer);
  mTimer=window.setInterval(moveBar(),outTime);
}

function keyControl()
{
  if(gameState!=1)return;
  switch(event.keyCode){
    case 37:{  //left
      for(i=0;i<4;i++)if(BX[i]==0)return;
      for(i=0;i<4;i++)if(getClass(BX[i]-1,BY[i])==SB)return;
      for(i=0;i<4;i++)setClass(BX[i],BY[i],BK);
      for(i=0;i<4;i++)BX[i]=BX[i]-1;
      for(i=0;i<4;i++)setClass(BX[i],BY[i],MB);
      break;}
    case 38:{  //up
      var preMBarX=new Array(4);
      var preMBarY=new Array(4);
      var cx=Math.round((BX[0]+BX[1]+BX[2]+BX[3])/4);
      var cy=Math.round((BY[0]+BY[1]+BY[2]+BY[3])/4);
      for(i=0;i<4;i++){
        preMBarX[i]=Math.round(cx-cy+BY[i]);
        preMBarY[i]=Math.round(cx+cy-BX[i]);
        if(preMBarX[i]<0 ¦¦ preMBarX[i]>9 ¦¦ preMBarY[i]<0 ¦¦ preMBarY[i]>15)return;
        if(getClass(preMBarX[i],preMBarY[i])==SB)return;
      }
      for(i=0;i<4;i++)setClass(BX[i],BY[i],BK);
      for(i=0;i<4;i++){
        BX[i]=preMBarX[i];
        BY[i]=preMBarY[i];
      }
      for(i=0;i<4;i++)setClass(BX[i],BY[i],MB);
      break;}
    case 39:{  //right
      for(i=0;i<4;i++)if(BX[i]==9)return;
      for(i=0;i<4;i++)if(getClass(BX[i]+1,BY[i])==SB)return;
      for(i=0;i<4;i++)setClass(BX[i],BY[i],BK);
      for(i=0;i<4;i++)BX[i]=BX[i]+1;
      for(i=0;i<4;i++)setClass(BX[i],BY[i],MB);
      break;}
    case 40:{  //down
      moveBar();
      break;}
  }
}

function delLine()
{
  for(i=0;i<4;i++)setClass(BX[i],BY[i],SB);
  for(j=0;j<16;j++){
    dLine=true;
    for(i=0;i<9;i++){
      if(getClass(i,j)!=SB){
        dLine=false;
        break;
      }
    }
    if(dLine){
      score=score+100;
      for(k=j;k>0;k--)
        for(l=0;l<10;l++)
          setClass(l,k,getClass(l,k-1));
      for(l=0;l<10;l++)setClass(l,0,BK);
    }
  }
  randBar();
  speed=Math.floor(score/3000)+1;
  outTime=1100-speed*100;
  scoreBar.innerHTML=Score : + score;
  speedBar.innerHTML=Speed : + speed;
  window.clearInterval(mTimer);
  mTimer=window.setInterval(moveBar(),outTime);
}

function getClass(x,y){return GameBar.children[y].children[x].className;}
function setClass(x,y,cName){GameBar.children[y].children[x].className=cName;}

function moveBar()
{
  if(gameState!=1)return;
  dropLine=true;
  for(i=0;i<4;i++)if(BY[i]==15)dropLine=false;
  if(dropLine)for(i=0;i<4;i++)if(getClass(BX[i],BY[i]+1)==SB)dropLine=false;
  if(!dropLine){
    window.clearInterval(mTimer);
    delLine();
    return;
  }
  for(i=0;i<4;i++)setClass(BX[i],BY[i],BK);
  for(i=0;i<4;i++)BY[i]=BY[i]+1;
  for(i=0;i<4;i++)setClass(BX[i],BY[i],MB);
}

function pauseGame()
{
  if(gameState==0)return;
  if(event.srcElement.value==Pause){
    gameState=2;
    event.srcElement.value=Continue;
    window.clearInterval(mTimer);
  }
  else{
    gameState=1;
    event.srcElement.value=Pause;
    mTimer=window.setInterval(moveBar(),outTime);
  }
}

function fMnu(){return false;}
document.oncontextmenu=fMnu;

function preview()
{
  if(previewBar.style.display!=none)
    previewBar.style.display=none;
  else
    previewBar.style.display=block;
}

function replayGame()
{
  if(gameState!=1)return;
  if(!confirm(你真的要重新开始么?))return;
  gameState=0;
  window.clearInterval(mTimer);
  beginGame();
}
function randBar()
{
  randNum=Math.floor(Math.random()*20)+1;
  if(!firstView)
    for(i=0;i<4;i++){
      BX[i]=PX[i];
      BY[i]=PY[i];
    }
  switch(randNum){
    case 1:{
      PX[0]=4;
      PY[0]=0;
      PX[1]=4;
      PY[1]=1;
      PX[2]=5;
      PY[2]=1;
      PX[3]=6;
      PY[3]=1;
      break;}
    case 2:{
      PX[0]=4;
      PY[0]=0;
      PX[1]=5;
      PY[1]=0;
      PX[2]=4;
      PY[2]=1;
      PX[3]=4;
      PY[3]=2;
      break;}
    case 3:{
      PX[0]=4;
      PY[0]=0;
      PX[1]=5;
      PY[1]=0;
      PX[2]=6;
      PY[2]=0;
      PX[3]=6;
      PY[3]=1;
      break;}
    case 4:{
      PX[0]=5;
      PY[0]=0;
      PX[1]=5;
      PY[1]=1;
      PX[2]=5;
      PY[2]=2;
      PX[3]=4;
      PY[3]=2;
      break;}
    case 5:{
      PX[0]=6;
      PY[0]=0;
      PX[1]=6;
      PY[1]=1;
      PX[2]=4;
      PY[2]=1;
      PX[3]=5;
      PY[3]=1;
      break;}
    case 6:{
      PX[0]=4;
      PY[0]=0;
      PX[1]=4;
      PY[1]=1;
  

Tags:js 俄罗斯 方块

编辑录入:coldstar [复制链接] [打 印]
赞助商链接