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

最新推荐文章于 2024-08-10 16:37:08 发布
最新推荐文章于 2024-08-10 16:37:08 发布
阅读量1.1k 收藏
点赞数
文章标签： table colors function javascript div border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bhw98/article/details/19669
版权

这是一个简单的俄罗斯方块的源码，用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)
}
else
alert("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=true
document.all.but.disabled=true
speed=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>

[相关资源]
◆ bhw98的专栏：http://www.csdn.net/develop/author/netauthor/bhw98/

首次发布：2003-04-14
最后修订：2003-04-14

 

bhw98
关注
shell实现俄罗斯方块脚本
09-15
总的来说，这个shell脚本的实现展示了如何利用简单的文本输出和信号处理来创建一个基本的命令行版俄罗斯方块游戏。虽然与图形化版本相比，它可能缺乏视觉效果，但其核心游戏逻辑和交互机制仍然与原版游戏保持一致。...
用 Python脚本制作俄罗斯方块小游戏
python03011的博客
06-01 1426
用 Python脚本制作俄罗斯方块小游戏
实现一款俄罗斯方块小游戏非常简单！但是要实现AI自动俄罗斯方块才算牛逼！
2301_82244623的博客
04-10 928
SHAPES = {“”":param canvas: 画板，用于绘制一个方块的Canvas对象:param c: 方块所在列:param r: 方块所在行:param color: 方块颜色，默认为#CCCCCC，轻灰色:return:“”"
【Python游戏】用Python制作一个俄罗斯方块游戏
最新发布
GLB_0627的博客
08-10 1782
本项目基于python3版本开发（如果你的是python2.x，运行可能会有问题）
shell脚本部署俄罗斯方块
liubulong的博客
03-11 491
#!/bin/bash APP_NAME="${0##*[\\/]}" APP_VERSION="1.0" #颜色定义 iSumColor=7 #颜色总数 cRed=1 #红色 cGreen=2 #绿色 cYellow=3 #黄色 cBlue=4 #蓝色 cFuchsia=5 #紫红色 cCyan=6 #青色(蓝绿色) cWhite=7...
Javascript 俄罗斯方块 游戏代码
精选资讯文章
06-01 1433
通过设置的 Options.width, Options.height 列数与行数，以及设置的小方格宽度，初始化了一个宽：Options.width列，高为 Options.height 的表格界面出来；共7种方块，以1,2,3,4,5,6,7 索引键表示，方块是四个小块组成，每块都有各自的坐标，1-4表示组成该块的初始坐标位置，5表示旋转点；OLSFK.play 正常下落的方法，也得判断下落一格是否有被占用的格，如果没有，清除当前方块，绘制方块新位置;以及左右，向下及旋转动作判断，重新渲染方块位置；
C/C++——控制台俄罗斯方块的实现以及自动操作
Eyizoha的博客
04-18 4655
游戏附件：待审核 头文件、全局变量以及函数声明 #include <windows.h> #include <stdlib.h> #include <stdio.h> #include <conio.h> #include <time.h> #include <process.h> #include <math.h&gt...
shell脚本开发俄罗斯方块
04-12
这是用shell脚本开发的俄罗斯方块游戏，可以在linux系统和其他类linux系统中运行（有些系统如ubuntu由于用dash代替了传统的bash，所以用sh执行会报错，用bash执行就OK了），有多种玩法，以后还将继续增加新的玩法
shell脚本案例-俄罗斯方块
03-01
该脚本需要在Linux-centos系统中运行，需要安装格式转换工具 dos2unix； 改脚本对于shell初学者来说是不错案例选择，仅用619行脚本代码，写出了有趣的小游戏； 环境：Centos7.x 1.dos2unix安装 yum -y install dos...
shell脚本编写俄罗斯方块
01-20
网上看到的一个用linux的shell脚本写的俄罗斯方块。共享一下。 原作者信息在脚本的注释中有。 下载地址：点击下载 代码： #!/bin/bash # Tetris Game # 10.21.2003 xhchen<[email]xhchen@winbond.com.tw[/...
python tkinter实现俄罗斯方块基础版——四、消除与得分
大爽老师的博客
01-30 4162
1、消除与得分 最后，要实现俄罗斯方块的消除，就是当一行满了的时候，需要消除这行，同时在通过窗口标题展示得分情况 这里需要添加check_row_completed方法判断指定行是否可以消除 同时添加check_and_clear方法检查所有行并消除 而消除之后，我们需要在画板上重新绘制一遍消除后剩余的俄罗斯方块 这里最好将之前的draw_blank_board方法修改为，可以绘制面板上残留的俄罗...
shell俄罗斯方块脚本
04-03
用shell写的俄罗斯方块脚本，ubuntu12测试通过
shell脚本实现俄罗斯方块.txt
06-18
此段shell脚本实现俄罗斯方块的脚本，是我在网上转载过来的，整段代码一共619行。嵌进linux的shell环境，给予文件可执行权限，在执行脚本文件即可。此段代码我已经测试过。
经典俄罗斯方块scratch2的程序
01-14
经典俄罗斯方块scratch2的程序，适合scratch编程的朋友学习
shell小游戏_如何用shell脚本实现俄罗斯方块小游戏？
weixin_39816260的博客
12-18 1134
概述今天主要分享下怎么用shell脚本来实现俄罗斯方块这个小游戏。testris.shtetris是整个游戏的核心，大概500多行，所以这里就不贴脚本了。keytest.shkeytest这个脚本主要是为了获取键盘#!/bin/bash GetKey() { aKey=(0 0 0) #定义一个数组来保存3个按键 cESC=`echo -ne "033"` cSpace=`echo -n...
用shell脚本写的一个简单的俄罗斯方块
hongccsdn的博客
03-08 1298
shell，俄罗斯方块，游戏，直接执行，代码下载
bash版俄罗斯方块
chenon的专栏
08-26 2437
#!/bin/bash# Tetris Game# $Id$## Copyright (C) xhchen# All rights reserved.## $Log$##颜色定义cRed=1cGreen=2cYellow=3cBlue=4cFuchsia=5cCyan=6cWhite=7colorTable=($cRed $c
Shell脚本实现俄罗斯方块游戏代码示例
这段代码是用Shell脚本语言编写的一款简单的俄罗斯方块游戏。它展示了如何在Bash环境中实现一个基本的命令行游戏。以下是关键知识点的详细解释： 1. **脚本声明与环境设置**： - `#!/bin/bash` 是一个shebang行，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值