制作一个小游戏 俄罗斯方块代码

最新推荐文章于 2023-05-09 22:24:32 发布
最新推荐文章于 2023-05-09 22:24:32 发布
阅读量1.7k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zshaodan092011/article/details/8674901
版权
<html>


<head>


<title>俄罗斯方块</title>


<script>
var rows=20,cols=14; //行数列数
var downId=null; //向下ID

var squareFix="down"; //方块方向
var squareNum; //方块编号
var square=new Array(); //方块坐标

var nextSquareNum; //下一方块编号

//创建表格
function CreateTable()
{
var table="<table border=1>";
table+="<tr>";

table+="<td>";
table+="<table bgColor='black'>";
for(i=1;i<=rows;i++)
{
table+="<tr>";
for(j=1;j<=cols;j++)
{
table+="<td bgColor='black' width='20' id="+i+"_"+j+">&nbsp;</td>";
}
table+="</tr>";
}
table+="</table>";
table+="</td>";


table+="<td align='center' bgColor='black'>";
table+="<table>";
for(l=1;l<=13;l++)
{
table+="<tr>";
for(j=1;j<=6;j++)
{
if(l>8&&l<=10&&j==1)
{
if(l==9)
table+="<td bgColor='#FFFFFF' colspan='6' width='20' id="+l+"|"+j+">行</td>";
if(l==10)
table+="<td bgColor='#FFFFFF' colspan='6' width='20' id="+l+"|"+j+">列</td>";
}
else if((l>0&&l<9)||(l>10&&l<=rows))
table+="<td  bgColor='black' width='20' id="+l+"|"+j+">&nbsp;</td>";
}
table+="</tr>";
}
table+="</table>";

table+="<p><input type='button' value='开始游戏' οnclick='Play()'></p>";
table+="<input type='button' value='暂停游戏' οnclick='clearInterval("+downId+")'>";

table+="</td>";

table+="</tr>";
table+="</table>";

document.getElementById('tab').innerHTML=table;
}

//初始化当前方块
function InitSquare()
{
switch(squareNum)
{
//□
//■
//■
//■
case 1:
square[0]="1_7";
square[1]="2_7";
square[2]="3_7";
square[3]="4_7";
break;

//□
//■
//■■
case 2:
square[0]="1_7";
square[1]="2_7";
square[2]="3_7";
square[3]="3_8";
break;

// □
// ■
//■■
case 3:
square[0]="1_7";
square[1]="2_7";
square[2]="3_7";
square[3]="3_6";
break;

//□■
// ■■
case 4:
square[0]="1_7";
square[1]="1_8";
square[2]="2_8";
square[3]="2_9";
break;

// □■
//■■
case 5:
square[0]="1_7";
square[1]="1_8";
square[2]="2_6";
square[3]="2_7";
break;

//□■
//■■
case 6:
square[0]="1_7";
square[1]="1_8";
square[2]="2_7";
square[3]="2_8";
break;

//□■■
// ■
case 7:
square[0]="1_6";
square[1]="1_7";
square[2]="1_8";
square[3]="2_7";
break;
}
}

//显示下一个方块
function ShowNextSquare()
{

for(i=1;i<5;i++)
{
for(j=1;j<7;j++)
{
document.getElementById(i+"|"+j).bgColor='black';
}
}

var color=ChooseColor(nextSquareNum);
switch(nextSquareNum)
{
//□
//■
//■
//■
case 1:
document.getElementById(1+"|"+3).bgColor=color;
document.getElementById(2+"|"+3).bgColor=color;
document.getElementById(3+"|"+3).bgColor=color;
document.getElementById(4+"|"+3).bgColor=color;
break;

//□
//■
//■■
case 2:
document.getElementById(1+"|"+3).bgColor=color;
document.getElementById(2+"|"+3).bgColor=color;
document.getElementById(3+"|"+3).bgColor=color;
document.getElementById(3+"|"+4).bgColor=color;
break;

// □
// ■
//■■
case 3:
document.getElementById(1+"|"+4).bgColor=color;
document.getElementById(2+"|"+4).bgColor=color;
document.getElementById(3+"|"+4).bgColor=color;
document.getElementById(3+"|"+3).bgColor=color;
break;

//□■
// ■■
case 4:
document.getElementById(1+"|"+3).bgColor=color;
document.getElementById(1+"|"+4).bgColor=color;
document.getElementById(2+"|"+4).bgColor=color;
document.getElementById(2+"|"+5).bgColor=color;
break;

// □■
//■■
case 5:
document.getElementById(1+"|"+4).bgColor=color;
document.getElementById(1+"|"+5).bgColor=color;
document.getElementById(2+"|"+3).bgColor=color;
document.getElementById(2+"|"+4).bgColor=color;
break;

//□■
//■■
case 6:
document.getElementById(1+"|"+3).bgColor=color;
document.getElementById(1+"|"+4).bgColor=color;
document.getElementById(2+"|"+3).bgColor=color;
document.getElementById(2+"|"+4).bgColor=color;
break;

//□■■
// ■
case 7:
document.getElementById(1+"|"+3).bgColor=color;
document.getElementById(1+"|"+4).bgColor=color;
document.getElementById(1+"|"+5).bgColor=color;
document.getElementById(2+"|"+4).bgColor=color;
break;
}
}

//选择颜色
function ChooseColor(num)
{
switch(num)
{
case 1:
return "#FF0000";
break;
case 2:
return "#00FF00";
break;
case 3:
return "#0000FF";
break;
case 4:
return "#FFFF00";
break;
case 5:
return "#00FFFF";
break;
case 6:
return "#FF00FF";
break;
case 7:
return "#999999";
break;
}
}


//开始游戏
function Play()
{
squareNum = parseInt(Math.random()*7+1); //随机生成当前方块编号
nextSquareNum = parseInt(Math.random()*7+1); //随机生成下一方块编号

ShowNextSquare(); //显示下一方块
InitSquare(); //初始化当前方块坐标

var color = ChooseColor(squareNum); //选择颜色

for(i=1;i<=20;i++) //表格恢复到原始颜色
{
for(j=1;j<=14;j++)
{
document.getElementById(i+"_"+j).bgColor='black';
}
}

for(i=0;i<square.length;i++) //显示当前方块
{
document.getElementById(square[i]).bgColor=color;
}

if(downId!=null)
clearInterval(downId);

downId = setInterval("Down()",600);
}

function Up()
{
for(i=0;i<4;i++)
document.getElementById(square[i]).bgColor='black';

var num = square[0].indexOf("_");
var r = square[0].substring(0,num);
var c = square[0].substring(num+1);

switch(squareNum)//判断方块改变方向
{
//□
//■
  //☆
//■
case 1:
if((squareFix=="right"||squareFix=="left")&&(parseInt(r)-2>0&&parseInt(c)-2>0&&parseInt(r)+1<=rows))
{
square[0]=parseInt(r)-2+"_"+(parseInt(c)-2)
square[1]=parseInt(r)-1+"_"+(parseInt(c)-2)
square[2]=r+"_"+(parseInt(c)-2)
square[3]=parseInt(r)+1+"_"+(parseInt(c)-2)
squareFix="down";
}
//■☆■□
else if((squareFix=="up"||squareFix=="down")&&(parseInt(r)+2<=rows&&parseInt(c)+2<=cols&&parseInt(c)-1>=0))
{
square[0]=parseInt(r)+2+"_"+(parseInt(c)+2);
square[1]=parseInt(r)+2+"_"+(parseInt(c)+1)
square[2]=parseInt(r)+2+"_"+c;
square[3]=parseInt(r)+2+"_"+(parseInt(c)-1);
squareFix="left";
}
break;


//□
//■
//■■
case 2:

break;

// □
// ■
//■■
case 3:
break;

//□■
// ■■
case 4:
break;

// □■
//■■
case 5:
break;

//□■■
// ■
case 7:
break;
}

}

//向下移动
function Down()
{
var color=ChooseColor(squareNum);

//检测是否到达最低端或者在其他方块上面
for(i=0;i<square.length;i++)
{
var num=square[i].indexOf("_");
var r=square[i].substring(0,num);
var c=square[i].substring(num+1);

r++;

if(r>rows||(document.getElementById(r+"_"+c).bgColor!="#000000"&&r+"_"+c!=square[0]&&r+"_"+c!=square[1]&&r+"_"+c!=square[2]&&r+"_"+c!=square[3]))
{
for(i=0;i<square.length;i++)
{
var count=0;
var num = square[i].indexOf("_");
var r = square[i].substring(0,num);

for(c=1;c<=cols;c++)//判断一行是否都填满了
{
if(document.getElementById(r+"_"+c).bgColor=="#000000")
count++;
}

if(count==0)
{
for(y=r;y>2;y--)
{
for(x=1;x<=cols;x++)
{
document.getElementById(y+"_"+x).bgColor=document.getElementById(y-1+"_"+x).bgColor;
}
}
}

}

squareNum=nextSquareNum; //下一个方块赋给当前方块
nextSquareNum=parseInt(Math.random()*7+1); //重新生成下一方块
InitSquare(); //根据当前方块编号生成坐标
ShowNextSquare(); //显示下一方块

if(r<=4)
{
clearInterval(downId);
return;
}

color=ChooseColor(squareNum); //根据当前方块编号选择颜色
for(i=0;i<square.length;i++) //显示当前方块
{
document.getElementById(square[i]).bgColor=color;
}

return;
}
}


for(j=0;j<square.length;j++)
{
document.getElementById(square[j]).bgColor="black";
var num=square[j].indexOf("_");
var r=square[j].substring(0,num);
var c=square[j].substring(num+1);
square[j]=++r+"_"+c;
}

for(j=0;j<square.length;j++)
document.getElementById(square[j]).bgColor=color;

squareFix="down";
}

//向左移动
function Left()
{
//检测是否可以向左移动
for(i=0;i<square.length;i++)
{
var num=square[i].indexOf("_");
var r=square[i].substring(0,num);
var c=square[i].substring(num+1);
c--;
if(c<1||(document.getElementById(r+"_"+c).bgColor!="#000000"&&r+"_"+c!=square[0]&&r+"_"+c!=square[1]&&r+"_"+c!=square[2]&&r+"_"+c!=square[3]))
return;
}

for(i=0;i<square.length;i++)
{
document.getElementById(square[i]).bgColor='black';
var num=square[i].indexOf("_");
var r=square[i].substring(0,num);
var c=square[i].substring(num+1);
square[i]=r+"_"+(--c);
}

var color = ChooseColor(squareNum);
for(i=0;i<square.length;i++)
{
document.getElementById(square[i]).bgColor=color;
}
}

//向右移动
function right()
{
//检测是否可以向右移动
for(i=0;i<square.length;i++)
{
var num=square[i].indexOf("_");
var r=square[i].substring(0,num);
var c=square[i].substring(num+1);
c++;
if(c>cols||(document.getElementById(r+"_"+c).bgColor!="#000000"&&r+"_"+c!=square[0]&&r+"_"+c!=square[1]&&r+"_"+c!=square[2]&&r+"_"+c!=square[3]))
return;
}

for(i=0;i<square.length;i++)
{
document.getElementById(square[i]).bgColor='black';
var num=square[i].indexOf("_");
var r=square[i].substring(0,num);
var c=square[i].substring(num+1);
square[i]=r+"_"+(++c);
}

var color = ChooseColor(squareNum);
for(i=0;i<square.length;i++)
{
document.getElementById(square[i]).bgColor=color;
}
}

//键盘方向
function Move()
{
var num = event.keyCode;
if(num!=37&&num!=38&&num!=39&&num!=40)
return;

switch(num)
{
case 37:
Left();
break;
case 38:
Up();
break;
case 39:
right();
break;
case 40:
Down();
break;
}
}

document.onkeydown = Move;

</script>


</head>


<body onLoad="CreateTable()">


<table width="100%" height="100%">
<tr>
<td id="tab" align="center"></td>
</tr>
</table>


</body>


</html>
dandanZhang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
俄罗斯方块-微信小游戏-项目源码
05-11
这是一个微信小游戏项目源码，是经典怀旧的俄罗斯方块游戏，适合新手入门参考学习，下面还有↓ 使用微信开发工具选择小游戏导入即可打开，可编译运行，请放心下载， 相关指导教程请看作者发表的以下文章： ① 微信...
python编写小游戏的代码,python游戏编程代码大全
最新发布
2301_81896102的博客
12-17 521
由于Pgzero是Python的第三方库，它不能独立工作，必须在Python代码中来使用，因此我们首先需要安装Python开发环境。可以通过1行代码重温这些童年小游戏，后面还会分享源码，可以自己学习游戏编写，相信你会超有成就感！Python语言有很多第三方库都提供游戏编程功能，最有名的要属Pygame库，它提供了丰富的API来实现游戏的各种效果。大家好，小编来为大家解答以下问题，python编程一个最简单游戏代码，python游戏编程入门游戏代码，现在让我们一起来看看吧！先分享一些简单操作的游戏。
❤️VS Code❤️，cmd终端窗口运行，解决中文乱码问题
路边小M's Blog
08-17 2099
目录问题归纳VS Code默认终端配置window窗口弹出相关解释解决中文乱码问题运行俄罗斯方块程序 问题归纳 在软件Visual Studio中一切都是配置好的，默认终端运行采用弹出cmd窗口形式。而在VS Code中除了一些默认的配置设置外，所有环境配置、界面显示等操作均需用通过对.json文件操作完成。 本文的目的是在VS Code中配置弹出cmd窗口运行终端，同时解决了弹出cmd窗口内容的中文乱码问题。 VS Code默认终端 VS Code终端可以选择默认配置文件，包括cmd、powershe.
俄罗斯方块的实现—C语言
Qiutan22的博客
05-09 4273
█ 开发工具：Dev C++
基于C/C++语言的俄罗斯方块小游戏代码编写
qq_55433305的博客
12-26 2318
基于C/C++语言的俄罗斯方块小游戏代码编写
【用EXCEL编写俄罗斯方块小游戏（基于VBA）】
wrwttsy的博客
11-19 5963
工作属性原因，工作中使用excel办公是常态。前一阵子因工作业务需求，需要用到VBA。研究了一阵子VBA，解决了当时的需求。 后来想想，VBA可以如此彻底的控制excel，那么可不可以编个小游戏呢。 说干就干，先拿与表格最像的俄罗斯方块试试手。
使用Dev c++实现小游戏俄罗斯方块 C++版
03-31
《使用Dev C++实现小游戏俄罗斯方块 C++版》 在编程世界中，开发小游戏是初学者们常常尝试的项目，因为它们可以帮助我们理解和运用基本的编程概念。本资源提供了一个使用C++语言在Dev C++环境下实现的俄罗斯方块小...
Excel 俄罗斯方块小游戏源代码，基于Excel VBA 宏制作的 俄罗斯方块小游戏源码
12-27
Excel中的俄罗斯方块小游戏是利用VBA（Visual Basic for Applications）宏编程实现的，这是一种内置于Microsoft Office套件中的编程语言，允许用户自定义工作表的功能和交互性。本源代码提供了一个完整的实现，让...
原生js俄罗斯方块小游戏源码.zip
07-11
本篇文章将详细解析一个使用原生JavaScript编写的俄罗斯方块小游戏源码，帮助你深入理解JavaScript的核心特性以及游戏开发的基本原理。 首先，我们要明确的是，原生JavaScript是不依赖任何库或框架的纯JavaScript...
python实现俄罗斯方块小游戏
01-20
回顾我们的python制作小游戏之路，几篇非常精彩的文章 我们用python实现了坦克大战 python制作坦克大战 我们用python实现了飞船大战 python制作飞船大战 我们用python实现了两种不同的贪吃蛇游戏 200行python代码...
Greenfoot 推箱子源代码
01-09
自己写的一个推箱子的源代码，在greenfoot群中上传过
自己做的一个俄罗斯方块
03-18
NULL 博文链接：https://bafeitang.iteye.com/blog/644987
Flash 小游戏——俄罗斯方块
06-04
这是用Flash编写的小游戏——俄罗斯方块，希望对大家的学习有所帮助！
方块游戏代码
03-17
这是前一阵用TC写的方块游戏，实现可方块的变形，方块的累计，方块的下落等功能<br> 程序还存在的问题有：<br> 1在接收键盘字符时有缓冲的字符没有刷新<br> 2在方块固定时，有的异或操作不够准确。<br> 虽然不是第一个程序，但编码还是有些乱，函数的起名也比较随意，建议先运行程序，在运行中发现问题在去查代码<br> 谢谢
java编写的简单移动方块小游戏代码
09-03
主要介绍了java编写的简单移动方块小游戏代码,涉及Java简单图形绘制与事件响应的相关技巧,需要的朋友可以参考下
500 行代码写一个俄罗斯方块游戏
程序猿DD
09-11 1293
点击上方蓝色“程序猿DD”，选择“设为星标”回复“资源”获取独家整理的学习资料！导读：本文我们要制作一个俄罗斯方块游戏。作者 |派森学python来源 |https://segmen...
C语言实现俄罗斯方块
热门推荐
qq_54169998的博客
02-13 6万+
使用C语言完成俄罗斯方块。《俄罗斯方块》的基本规则是移动、旋转和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。由小方块组成的不同形状的板块陆续从屏幕上方落下来，玩家通过调整板块的位置和方向，使它们在屏幕底部拼出完整的一条或几条。这些完整的横条会随即消失，给新落下来的板块腾出空间，与此同时，玩家得到分数奖励。没有被消除掉的方块不断堆积起来，一旦堆到屏幕顶端，玩家便告输，游戏结束。顾名思义，俄罗斯方块自然是俄罗斯人发明的。
手把手教你用Excel编写俄罗斯方块
码农翻身
03-26 1万+
看到这个题目，想必你一定会感到非常惊讶，什么，Excel居然能开发游戏？没错，Excel的强大取决于使用者，遇强则强，遇弱则弱。但我这篇文章并不是为了展...
趣味俄罗斯方块代码分享（C语言）
Lionxiaorw的博客
07-22 9519
趣味俄罗斯方块代码分享（C语言）
如何用python制作一个俄罗斯方块小游戏
04-03
制作俄罗斯方块小游戏的具体步骤如下： 1. 导入必要的模块 我们需要导入 Pygame 模块来制作游戏，同时也需要随机模块来生成方块的形状。在代码的开头，我们需要添加以下代码： ``` import pygame import random `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值