WEB开发网
开发学院网页设计JavaScript 一个简单的俄罗斯方块脚本 阅读

一个简单的俄罗斯方块脚本

 2007-12-06 09:48:43 来源:WEB开发网   
核心提示: 用JavaScript编写简单的俄罗斯方块,它是我以前在网上偶尔发现的,一个简单的俄罗斯方块脚本,觉得很有价值,于是收藏起来,值得学习,虽没有注释,遗憾的是,现在已经不知其出处了

   用JavaScript编写简单的俄罗斯方块。它是我以前在网上偶尔发现的,觉得很有价值,于是收藏起来。遗憾的是,现在已经不知其出处了。
该脚本最大的特点(优点)是用数组存储所需数据,简化了编程,值得学习。虽没有注释,但看起来应该不难理解作者的思路。

<HTML><HEAD><META NAME=Title CONTENT=JScript Simple Tetris><META content=text/html; charset=gb2312 http-equiv=Content-Type><TITLE>俄罗斯方块</TITLE><style>body {margin:0;background:black;}td {height:20;width:20;}#block_div {position:absolute;z-index:1;width:80;}#table_div {position:absolute;z-index:0;width:320;}#nblock_div {position:absolute;z-index:2;font:48 system;color:red;}#title_div {position:absolute;left:326;top:7;font-size:9pt;color:white}#infobar_div {position:absolute;left:396;top:416;}#infobar2_div {position:absolute;left:396;top:480;font-size:9pt;color:white}#infobar2_div a{color:99ccff;font:system;text-decoration:none}</style>    <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>    if (document.all){var n_width = 800;var n_height = 600;var n_left = Math.round( screen.width/2 ) - n_width/2;var n_top = Math.round( screen.height/2 ) - n_height/2;var n_IncStep = 20;var curBlcok,nextBlock;var arr_curBlock = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);var curX,curY;var speed=1;var maxspeed=9;var clr_per_line=18;var pause=0;var gameover=0;var colors = new Array(#999999,#0000FF,#80FFFF,#80FF80,#FFFF00,#FF8000,#FF00FF,#FF0000);var cid;var ncid;var blocks = new Array(tt_O1,tt_T2,tt_Z1,tt_S1,tt_L1,tt_J1,tt_I2);var bid;var killedlines=0;    var tt_O1 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);var tt_O2 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);var tt_O3 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);var tt_O4 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);    var tt_T1 = new Array(0,0,0,0,0,1,0,0,1,1,0,0,0,1,0,0);var tt_T2 = new Array(0,0,0,0,0,0,0,0,1,1,1,0,0,1,0,0);var tt_T3 = new Array(0,0,0,0,0,1,0,0,0,1,1,0,0,1,0,0);var tt_T4 = new Array(0,0,0,0,0,1,0,0,1,1,1,0,0,0,0,0);    var tt_Z1 = new Array(0,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0);var tt_Z2 = new Array(0,0,0,0,0,0,1,0,0,1,1,0,0,1,0,0);var tt_Z3 = new Array(0,0,0,0,0,1,1,0,0,0,1,1,0,0,0,0);var tt_Z4 = new Array(0,0,1,0,0,1,1,0,0,1,0,0,0,0,0,0);    var tt_S1 = new Array(0,0,0,0,0,1,1,0,1,1,0,0,0,0,0,0);var tt_S2 = new Array(0,0,0,0,0,1,0,0,0,1,1,0,0,0,1,0);var tt_S3 = new Array(0,0,0,0,0,0,1,1,0,1,1,0,0,0,0,0);var tt_S4 = new Array(0,1,0,0,0,1,1,0,0,0,1,0,0,0,0,0);    var tt_L1 = new Array(0,1,0,0,0,1,0,0,0,1,1,0,0,0,0,0);var tt_L2 = new Array(0,0,0,0,0,0,1,0,1,1,1,0,0,0,0,0);var tt_L3 = new Array(0,0,0,0,0,1,1,0,0,0,1,0,0,0,1,0);var tt_L4 = new Array(0,0,0,0,0,1,1,1,0,1,0,0,0,0,0,0);    var tt_J1 = new Array(0,0,1,0,0,0,1,0,0,1,1,0,0,0,0,0);var tt_J2 = new Array(0,0,0,0,1,1,1,0,0,0,1,0,0,0,0,0);var tt_J3 = new Array(0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,0);var tt_J4 = new Array(0,0,0,0,0,1,0,0,0,1,1,1,0,0,0,0);    var tt_I1 = new Array(0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0);var tt_I2 = new Array(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1);var tt_I3 = new Array(0,0,1,0,0,0,1,0,0,0,1,0,0,0,1,0);var tt_I4 = new Array(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1);    var table = new Array(    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,    1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1)}elsealert(You need IE4+ to play Tetris!)    function dimension2(row,col,num){    var i = row * num + col;    return (this[i]);}Array.prototype.getd = dimension2;    function ShowBlock(x,y,block_type,color){    for (var i=0;i<block_tbl.rows.length;i++){        for (var j=0;j<block_tbl.rows(i).cells.length;j++){                    var d2 = i * 4 + j;            if (block_type[d2]==1){                block_tbl.rows(i).cells(j).style.background = color;            }            else{                block_tbl.rows(i).cells(j).style.background = ;            }        }    }    block_div.style.pixelLeft=x;    block_div.style.pixelTop=y;}    function ShowBlock1(x,y,block_type,color,obj_tabID,obj_divID){    for (var i=0;i<obj_tabID.rows.length;i++){        for (var j=0;j<obj_tabID.rows(i).cells.length;j++){                    var d2 = i * 4 + j;            if (block_type[d2]==1){                obj_tabID.rows(i).cells(j).style.background = color;            }            else{                obj_tabID.rows(i).cells(j).style.background = ;            }        }    }    obj_divID.style.pixelLeft=x;    obj_divID.style.pixelTop=y;}    function Change(inc){    var type = curBlock.substr(0,4);    var num = curBlock.substr(curBlock.length-1);    num = parseInt(num) + inc;    if (num>4||num<1) num -= 4*inc;    type += num;    eval(arr_tmp =  + type + ;);    if (CanMove(curX,curY,arr_tmp)){        curBlock = type;        eval(arr_curBlock =  + curBlock + ;);        eval(ShowBlock(block_div.style.pixelLeft,block_div.style.pixelTop, + curBlock + ,colors[ + cid + ]););    }}    function CanMove(x,y,block){    for (i=0;i<4;i++){        for (j=0;j<4;j++){            if (block.getd(i,j,4)&table.getd(y/n_IncStep+i,x/n_IncStep+j,16)) return false;        }    }    return true;}    function NewBlock(){    curBlock = nextBlock;    cid = ncid;    bid = Math.round(Math.random()*(blocks.length-1));    ncid = Math.round(Math.random()*(colors.length-1));    nextBlock = blocks[bid];    eval(arr_curBlock =  + curBlock + ;);    eval(ShowBlock(120,0, + curBlock + ,colors[ + cid + ]););    eval(arr_curBlock =  + curBlock + ;);    eval(ShowBlock1(466,116, + nextBlock + ,colors[ + ncid + ],nblock_tbl,nblock_div););}    function SaveBlock(){    for (i=0;i<4;i++){        for (j=0;j<4;j++){            table[(curY/n_IncStep+i)*16+curX/n_IncStep+j]|=arr_curBlock[i*4+j];            if (arr_curBlock[i*4+j]==1)                if ((curY/n_IncStep+i<21)&&(curX/n_IncStep+j>1)&&(curX/n_IncStep+j<14))                    table_tbl.rows(curY/n_IncStep+i).cells(curX/n_IncStep+j).style.background = colors[cid];            if (table[(curY/n_IncStep+i)*16+curX/n_IncStep+j]!=1)                    table_tbl.rows(curY/n_IncStep+i).cells(curX/n_IncStep+j).style.background = black;        }    }}    function DelLine(line){    for(i=line;i>0;i--){        for(j=2;j<14;j++){            table[i*16+j]=table[(i-1)*16+j];        }    }    table_tbl.deleteRow(line);    table_tbl.insertRow(0);    for (i=0;i<16;i++){        table_tbl.rows(0).insertCell();        if (i<2||i>13) table_tbl.rows(0).cells(i).style.background=navy;            }    killedlines++;    cll.innerText=parseInt(cll.innerText)+1;}    function DelLines(){    var c,d,i,j;    d=0;    curY=block_div.style.pixelTop;    for(i=(curY/20+3);i>curY/20-1;i--){        c=0;        for(j=2;j<14;j++){            if (isNaN(table[i*16+j])||i==21) break;            c+=table[i*16+j];        }        if(c==12){            DelLine(i);            i++;            d++;        }    }    if (d>0)        sco.innerText=parseInt(sco.innerText)+d*d*36;}    function Lucifer(){    for(var i=2;i<14;i++){        if (table[16+i]==1) return true;    }    return false;}    function GameOver(){    gameover=1;    clearInterval(gameInterval);    block_div.innerHTML=;    for (i=0;i<21;i++){        for (j=2;j<14;j++){            setTimeout(table_tbl.rows( + i + ).cells( + j + ).style.background = colors[Math.round(Math.random()*7)];,16*i*j);        }    }    nblock_div.innerHTML = Game Over;}    function document_onkeydown() {    if (gameover==1) return;    with (block_div.style){    curX = pixelLeft;    curY = pixelTop;    switch (event.keyCode){        case 37:            if (CanMove(curX-n_IncStep,curY,arr_curBlock))                pixelLeft-=n_IncStep;            break;        case 38:            Change(1);            break;        case 39:            if (CanMove(curX+n_IncStep,curY,arr_curBlock))                pixelLeft+=n_IncStep;            break;        case 40:            if (CanMove(curX,curY+n_IncStep,arr_curBlock)){                pixelTop+=n_IncStep;            }            else{                SaveBlock();                DelLines();                if (Lucifer()){                    GameOver();                    return;                }                sco.innerText=parseInt(sco.innerText)+2;                NewBlock();            }            break;        case 32:            if (pause==0){                clearInterval(gameInterval);                pause=1;            }            else{                gameInterval=window.setInterval(Handle_Interval(),(maxspeed-speed+1)*60);                pause=0;            }            break;        case 90:                    Change(1);            break;        case 88:                Change(-1);            break;        default:    }    }}    function Handle_Interval(){    curX = block_div.style.pixelLeft;    curY = block_div.style.pixelTop;    if (CanMove(curX,curY+n_IncStep,arr_curBlock)){        block_div.style.pixelTop+=n_IncStep;    }    else{        SaveBlock();        DelLines();        if (Lucifer()){            GameOver();            return;        }        sco.innerText=parseInt(sco.innerText)+2        NewBlock();    }    if (killedlines>=clr_per_line){        killedlines-=clr_per_line;        if (speed<maxspeed)            speed++;        else            speed=maxspeed;        spd.innerText=speed;        clearInterval(gameInterval);        gameInterval=window.setInterval(Handle_Interval(),(maxspeed-speed+1)*60);    }}</SCRIPT>    <SCRIPT LANGUAGE=javascript FOR=document EVENT=onkeydown> if (document.all) document_onkeydown()</SCRIPT>    </HEAD>    <BODY LANGUAGE=javascript topmargin=0 leftmargin=0 scroll=no >    <div id=block_div style=left:60;top:0><table id=block_tbl border=0 cellspacing=0 cellpadding=0><script>if (document.all){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>if (document.all){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>if (document.all){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 style=width: 407; height: 24; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12>  <p align=center>请输入游戏速度(0-9): <input type=text size=3 id=speedin style=font-size: 9pt name=SuperSo>                       <button onClick=begintet() id=but>  <font style=font-size: 9pt face=Arial Black color=#FF0000>OK</font></button></div>                       <div id=infobar_div><table border=1 bordercolor=#000000 cellspacing=0 cellpadding=0><tr align=center><td style=color:99ccff;font-size: 9pt;width:60;>游戏速度:</td><td style=color:red;font-size: 9pt; id=spd>1</td><td style=color:99ccff;font-size: 9pt;width:60;>总 得 分:</td>             <td style=color:red;font-size: 9pt; id=sco>0</td><td style=color:99ccff;font-size: 9pt;width:60;>清除行数:</td><td style=color:red;font-size: 9pt; id=cll>0</td></tr></table></div>    <SCRIPT ID=MainSection LANGUAGE=javascript>if (document.all){ncid = Math.round(Math.random()*(colors.length-1));bid = Math.round(Math.random()*(blocks.length-1));nextBlock = blocks[bid];NewBlock();}function begintet(){document.all.speedin.disabled=truedocument.all.but.disabled=truespeed=parseInt(document.all.speedin.value);if (isNaN(speed)||speed==null||speed>maxspeed||speed<1) speed=1;spd.innerText=speed;gameInterval=window.setInterval(Handle_Interval(),(maxspeed-speed+1)*60);}</SCRIPT>    </BODY></HTML>

Tags:一个 简单 俄罗斯

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