DHTML制作的俄罗斯方块(三)

abe整理<BODY LANGUAGE=javascript onload="return window_onload()">

<div id=block_div style="left:60;top:0">
<table id=block_tbl border=0 cellspacing=0 cellpadding=0>
<script>
for (var i=0;i<4;i++){
document.write("<tr>");
for (var j=0;j<4;j++){
document.write("<td style="border:1 solid black;"></td>");
}
document.write("</tr>");
}
</script>
</table>
</div>

<div id=nblock_div>
<table id=nblock_tbl border=0 cellspacing=0 cellpadding=0>
<script>
for (var i=0;i<4;i++){
document.write("<tr>");
for (var j=0;j<4;j++){
document.write("<td style="height:40;width:40;border:1 outset black;"></td>");
}
document.write("</tr>");
}
</script>
</table>
</div>

<div id=table_div>
<table id=table_tbl border=0 cellspacing=0 cellpadding=0>
<script>
for (var i=0;i<22;i++){
document.write("<tr>");
for (var j=0;j<16;j++){
var d2 = i * 16 + j;
if (table[d2]==1)
document.write("<td bgcolor=navy></td>");
else
document.write("<td style="background:black;"></td>");
}
document.write("</tr>");
}
</script>
</table>
</div>

<div id=title_div nowrap onclick="location='mailto:[email protected]';" title="Contact ME!">Tetris Master ver0.99b</div>

<div id=infobar_div>
<table border=1 bordercolor=navy cellspacing=0 cellpadding=0>
<tr align=center>
<td style="color:99ccff;font:12 system;width:56;">Speed:</td>
<td style="color:red;font:12 system;" id=spd>1</td>
<td style="color:99ccff;font:12 system;width:86;">Total Score:</td>
<td style="color:red;font:12 system;" id=sco>0</td>
<td style="color:99ccff;font:12 system;width:96;">Cleared Lines:</td>
<td style="color:red;font:12 system;" id=cll>0</td>
</tr>
</table>
</div>

<SCRIPT ID=MainSection LANGUAGE=javascript>
<!--
//初始化
ncid = Math.round(Math.random()*(colors.length-1)); /*下一个颜色*/
bid = Math.round(Math.random()*(blocks.length-1)); /*下一个方块*/
nextBlock = blocks[bid];
NewBlock();
//设置速度
speed=parseInt(prompt("Please Input Initial Speed(1-9)",1));
if (isNaN(speed)||speed==null||speed>maxspeed||speed<1) speed=1;
spd.innerText=speed;
gameInterval=window.setInterval("Handle_Interval()",(maxspeed-speed+1)*60);
//-->
</SCRIPT>
<BGSOUND ID=bk_Music SRC="Music/back0.mid" LOOP=INFINITE>
</BODY>
</HTML>
  
  将以上原码合并存为Tetris.htm文件。

  俄罗斯方块的游戏虽然很多人都写过了,但却发现没有人去写一个纯网页版的(使用Java Applet的除外),于是作者谢勇就制作了这个游戏,它是使用DHTML技术,JavaScript语言制作成的,您只需要有IE5.0以上版本的浏览器就可以运行它。

  这个版本目前不支持IE4.0,只是因为IE4.0的层叠样式表(CSS)不支持下划线,当然改动起来也不是很麻烦,请期待下一个版本,您可以发信到[email protected]索要最新的版本。

功能说明

--在Windows环境下双击Tetris.htm运行游戏

--方向键(Arrow Keys)控制游戏,“↑”键和“Z”为逆时针旋转,“X”为顺时针旋转。空格键可以暂停游戏(你可以在暂停状态下继续玩哦^_^)。

--背景音乐会随速度的变换而改变。

积分方法
================
--每下落一个方块可得2分。

--消层得分是这样计算的:消层数的平房 X 36 即为增加的分数。所以说要尽可能的一次性多消几层,得分才高,因为每消18层,速度就会加快,最高速度是9级速度。