JavaScript实现简洁的俄罗斯方块完整实例.pdfVIP

本文实例讲述了 JavaScript 实现简洁的俄罗斯方块。 分享给大家供大家参考， 具体如下： 完整实例代码如下： 代码如下 : lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 /gt; lt;titlegt; 俄罗斯方块 lt;/titlegt; lt;style type=text/cssgt; nbsp;.c{margin:1px; width:19px; height:19px; background:red; position:absolute;} nbsp;.d{margin:1px; width:19px; height:19px; background:gray; position:absolute;} nbsp;.f{top:0px; left:0px; background:black; position:absolute;} nbsp;.e{top:0px; background:#151515; position:absolute;} nbsp;.g{width:100px; height:20px; color:white; position:absolute;} lt;/stylegt; lt;script type=text/javascriptgt; var row = 18; var col = 10; var announcement = 6; var size = 20; var isOver = false; var shapes = (0,1,1,1,2,1,3,1;1,0,1,1,1,2,2,2;2,0,2,1,2,2,1,2;0,1,1,1,1,2,2,2;1,2,2,2,2,1,3,1;1,1,2,1,1,2,2,2;0,2,1, 2,1,1,2,2).split(;); var tetris; var container; function createElm(tag,css) { nbsp;var elm = document.createElement(tag); nbsp;elm.className = css; nbsp;document.body.appendChild(elm); nbsp;return elm; } function Tetris(css,x,y,shape) { nbsp;// 创建 4 个 div 用来组合出各种方块 nbsp;var myCss = css?css:c; nbsp;this.divs = [createElm(div,myCss),createElm(div,myCss),createElm(div,myCss),createElm(div,myCs s)]; nbsp;if(!shape) nbsp;{ nbsp; this.divs2 = [createElm(div,myCss),createElm(div,myCss),createElm(div,myCss),createElm(div,myCs s)]; nbs