宝哥软件园

用原生JavaScript编写俄罗斯方块

编辑:宝哥软件园 来源:互联网 时间:2021-09-09

首先感谢@jdkleo的宝贵建议!说实话,我是俄罗斯方块,玩的时候别骂我。如果没有完全完成,只完成了50%,还有很多bug。可以实现的功能:1。放下盒子;2.随机生成一个新盒子;3.移动箱子。目前仍然有很多bug。由于这是第一次写这么“大”的游戏,代码有1000多行,所以请一些专家指点一下。bug太多了。按START开始游戏。大家都提了建议。第一次写JS游戏。我在网上参考了别人的代码,但是没有抄。代码可以直接运行,无需引用JQUERY。希望大神们能给点建议!非常感谢!

ver 0.2版本已经出来了(2014年12月26日),最新代码:这次修订的是什么:1。左右可以移动。2.它可以旋转。3.它可以消除整排的方块。

代码:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;Charset=utf-8' /title无标题文档/title style type=' text/CSS ' # test {/* width :25 px;*/} .t { width:10pxheight:10pxborder:1px纯黑;float:left}车身{ margin:0 auto宽度width:1000px高度:600 px;}/*游戏相关*/# start game { } # line { } # level { # time { }/*俄罗斯方块实体类*/#俄罗斯方块-区域{ width:autoheight:auto背景:蓝色;}/* CLASS由js生成,Tetris实体*/# tetrais.block0,# tetrais.block1,# tetrais.block2,# tetrais.block3,# tetrais.block4,# tetrais.block5,# tetrais . block 6 { z-index :1000;font-size :10 px;线高:1毫米;位置:绝对;宽度:13 px;height:13pxborder:0.5px纯红;背景技术: # 000;}/style script src=' http : jquery . js '/script script type=' text/JavaScript '/用于存储Tetris var xYAxis的坐标的二维数组=[];xYAxis.push([1,2],[3,4]);//alert(xYAxis[1][0]);//复制节点/* $(文档)。ready(函数(e){ for(I=0;I2;i ) { if(i==1) { //$('#test ')。追加(' br ');//添加新的行字符} $('。t’)。克隆()。追加到(' # test ');}//动态获取测试(容器)的宽度,包括边框$ ('# test ')。宽度(($(')。t’)。宽度(2)* 2(1);});*///得到横坐标和纵坐标函数getarea (x,y,unit,id) {this。x=xthis.y=ythis.unit=unit//像素this . El=document . getelementbyid(id)中每个单元格的大小;//获取对象ID this . board=[];//面板,即区域内的元素(俄罗斯方块)/*创建2D范围矩阵*/for(var y=0;ythis.yy){ this . board . push(new Array());for(var x=0;xthis.xx ) { this.board[y]

更多资讯
游戏推荐
更多+