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

JavaScript实现简洁俄罗斯方块完整实例 “Content-Type” content=“text/html; charset=utf-8” / lt;title俄罗斯方块lt;/title lt;style type=“text/css” 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;/style lt;script type=“text/javascript” 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”,myCss)]; nbsp;if(!shape) nbsp;{ nbsp; this.divs2 = [createElm(“div”,myCss),createElm(“div”,myCss),createElm(“div”,myCss),createElm(“div”,myCss)]; nbsp; this.score = createElm(“div”,”g”); nbsp; this.score.style.top = 10*size+”px”; nbsp; this.score.style.left = (col- -1)*size+”px”; nbsp; this.score.innerHTML = “score:0”; nbsp;} nbsp;this.container = null; nbsp;this.refresh = function() nbsp;{ nbsp; this.x = (typeof(x)!=‘undefined’)?x:3; nbsp; this.y = (typeof(y)!=‘undefined’)?y:0; nbsp; // 如果有传参，优先使用参数的，如果有预告，优先使用预告，都没有就自己生成 nbsp; if(shape) nbsp; nbsp;this.shape = shape; nbsp; else if(this.shape2) nbsp; nbsp;this.shape = this.shape2; nbsp; else nbsp; nbsp;this.shape = shape?shape:shapes[Math.floor((Math.random()*shapes.length-0.000000001))].split(“,”); nbsp; this.shape2 =