分享
 
 
 

Javascript写的俄罗斯方块

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

Javascript写的俄罗斯方块

<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;

PX[2]=4;

PY[2]=2;

PX[3]=5;

PY[3]=2;

break;}

case 7:{

PX[0]=4;

PY[0]=0;

PX[1]=4;

PY[1]=1;

PX[2]=5;

PY[2]=0;

PX[3]=6;

PY[3]=0;

break;}

case 8:{

PX[0]=4;

PY[0]=0;

PX[1]=5;

PY[1]=0;

PX[2]=5;

PY[2]=1;

PX[3]=5;

PY[3]=2;

break;}

case 9:{

PX[0]=4;

PY[0]=0;

PX[1]=5;

PY[1]=0;

PX[2]=5;

PY[2]=1;

PX[3]=6;

PY[3]=1;

break;}

case 10:{

PX[0]=5;

PY[0]=0;

PX[1]=5;

PY[1]=1;

PX[2]=4;

PY[2]=1;

PX[3]=4;

PY[3]=2;

break;}

case 11:{

PX[0]=4;

PY[0]=1;

PX[1]=5;

PY[1]=1;

PX[2]=5;

PY[2]=0;

PX[3]=6;

PY[3]=0;

break;}

case 12:{

PX[0]=4;

PY[0]=0;

PX[1]=4;

PY[1]=1;

PX[2]=5;

PY[2]=1;

PX[3]=5;

PY[3]=2;

break;}

case 13:{

PX[0]=4;

PY[0]=0;

PX[1]=5;

PY[1]=0;

PX[2]=6;

PY[2]=0;

PX[3]=5;

PY[3]=1;

break;}

case 14:{

PX[0]=4;

PY[0]=0;

PX[1]=4;

PY[1]=1;

PX[2]=4;

PY[2]=2;

PX[3]=5;

PY[3]=1;

break;}

case 15:{

PX[0]=5;

PY[0]=0;

PX[1]=5;

PY[1]=1;

PX[2]=4;

PY[2]=1;

PX[3]=6;

PY[3]=1;

break;}

case 16:{

PX[0]=5;

PY[0]=0;

PX[1]=5;

PY[1]=1;

PX[2]=5;

PY[2]=2;

PX[3]=4;

PY[3]=1;

break;}

case 17:{

PX[0]=4;

PY[0]=0;

PX[1]=5;

PY[1]=0;

PX[2]=4;

PY[2]=1;

PX[3]=5;

PY[3]=1;

break;}

case 18:{

PX[0]=4;

PY[0]=0;

PX[1]=5;

PY[1]=0;

PX[2]=4;

PY[2]=1;

PX[3]=5;

PY[3]=1;

break;}

case 19:{

PX[0]=3;

PY[0]=0;

PX[1]=4;

PY[1]=0;

PX[2]=5;

PY[2]=0;

PX[3]=6;

PY[3]=0;

break;}

case 20:{

PX[0]=5;

PY[0]=0;

PX[1]=5;

PY[1]=1;

PX[2]=5;

PY[2]=2;

PX[3]=5;

PY[3]=3;

break;}

}

if(firstView){

firstView=false;

randBar();

return;

}

for(i=0;i<4;i++){

for(j=0;j<4;j++){

previewBar.children[j].children[i].className="BK";

}

}

for(i=0;i<4;i++)previewBar.children[PY[i]].children[PX[i]-3].className="MB";

for(i=0;i<4;i++){

if(getClass(BX[i],BY[i])!="BK"){

alert("Game Over!");

window.clearInterval(mTimer);

Play.disabled=false;

gameState=0;

return;

}

}

for(i=0;i<4;i++)setClass(BX[i],BY[i],"MB");

}

// -->

</script>

</HEAD>

<BODY bgcolor=Black onkeydown="return keyControl();">

<center>

<P><b><font color=red>俄罗斯方块</font></b></P>

<table cellspacing=0 cellpadding=0 class=gt border=1 bordercolor="LightYellow " style="position:absolute;left:220px;top:53px;">

<Tbody id=GameBar>

<tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK>

</td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr>

</tbody>

</table>

</center>

<table style="position:absolute;top=100px;left:50px">

<tr><td id=scoreBar style="color:white">Score : 0</td></tr>

<tr><td id=speedBar style="color:white">Speed : 1</td></tr>

</table>

<table cellspacing=0 cellpadding=0 class=gt border=1 bordercolor="LightYellow " style="position:absolute;left:570px;top:53px;">

<Tbody id=previewBar>

<tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr><tr><td class=BK> </td><td class=BK> </td><td class=BK> </td><td class=BK> </td></tr>

</tbody>

</table>

<table style="position:absolute;left:570px;top:180px;">

<tr><td><input type=button id="Play" style="width:100px" value="Play" onclick="return beginGame();"></td></tr>

<tr><td><input type=button id="Pause" style="width:100px" value="Pause" onclick="return pauseGame();"></td></tr>

<tr><td><input type=button id="Preview" style="width:100px" value="Preview" onclick="preview();"></td></tr>

<tr><td><input type=button id="Replay" style="width:100px" value="Replay" onclick="replayGame();"></td></tr>

<tr><td><input type=button id="Quit" style="width:100px" value="Quit" onclick="window.close();"></td></tr>

</table>

</BODY>

</HTML>

<script>

function unSel()

{

document.execCommand("Unselect");

window.setTimeout("unSel()",10);

}

unSel();

window.onunload=rel;

function rel()

{

location.reload();

return false;

}

</script>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有