두두 플레잉 게임 [두두 플레잉] javascript_javascript 스킬로 작성된 게임

할 일이 없어서 이틀 동안 JavaScript로 비니 게임을 작성했습니다. 게임 방법에 대해서는 자세히 설명하지 않겠습니다. 온라인에서 검색해 보면 매우 간단합니다.

다음은 모두가 배우고 소통할 수 있도록 공개된 소스코드입니다. 이 프로그램은 그림을 사용하지 않기 때문에 IE에서는 인터페이스가 정사각형이고 눈길을 끕니다. Chrome 브라우저나 Firefox에서 실행하는 것이 좋습니다. 데모 주소: http://www.imkoko.com /app/dadoudou.php 말할 것도 없이 코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다. body{font-size:12px;} #fly{position:absolute;} a{text-decoration:none;color:#999;} .huabu,#main{width:600px;height:450px;position:relative;overflow:hidden;} .b,.c{height:25px;width:25px;position:absolute;z-index:1;background:#efefef;font-size:12px;} .c{background:#000;border-radius:12px;text-align:center;line-height:25px;color:#fff;} .c10{background:#FDADFE} .c1{background:#0569FF} .c2{background:#0CCE0C} .c3{background:#CE6C0A} .c4{background:#FF9B05} .c5{background:#CCCC66} .c6{background:#CD6ACD} .c7{background:#6DCECE} .c8{background:#9C9C9C} .c9{background:#FF6A6A} #pin{z-index:3;position:absolute;width:600px;height:450px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;background:#fff;} #time,#cou,.right{position:absolute;bottom:0px;color:#999;} #cou{left:100px;} #menu{z-index:3;position:absolute;left:200px;top:100px;width:200px;height:300px;font-weight:bold;font-size:24px;text-align:center;} #menu button{width:100px; height:50px;} .right{right:0px;} 开始

玩法：点击空白地方，上、下、左、右如果有相同的颜色或数字就可以得分 剩余时间：120 得分：0 Power by 酷酷网 /* *작성자: Jiang Qi *데모 웹사이트: Kuku.com http://www.imkoko.com/app/dadoudou.php * 프로그램은 완전히 무료이며 공개됩니다. 재인쇄할 때 이 정보를 보관하십시오. 감사합니다. */ function $(o){ return document.getElementById(o) } var MoveObject={ down:function (o,fun) { document.onselectstart=new Function("event.returnValue=false") document.body.setAttribute('style', '-moz-user -select: 없음;'); //e=e?e:window.event; e=arguments.callee.caller.arguments[0] || 🎜>x=e .clientX; fun([x,y]) return false; var o= new Array(); var it=0; var fen=0; function ini(){ var _doc = (document.compatMode != "BackCompat") ? document.body fly_left=_doc.scrollLeft _doc.clientWidth/2-$('fly').offsetWidth/2 $('fly').style.left=fly_left 'px'; >for(i= 0;ifor(j=0;jtmp=document.createElement('div') tmp.className ="b"; tmp.style.left=(j*50 i%2*25) 'px' tmp.style.top=i*25 'px'(' main').appendChild (tmp); } } for(i=0;i o[i]=new Array() } for( i=0;i var ji=cre() tmp=document.createElement('div') tmp.innerHTML=t; 🎜>tmp.id =ji[0] '_' ji[1]; tmp.className="c c" t tmp.style.left=(x*25) tmp.style.top=y*25 'px'; $('main').appendChild(tmp) } } function cre(){ x= parseInt(Math.random ()*24); y=parseInt(Math.random()*15) t=parseInt(Math.random()*10 1); [x][y ]>0){ var re=cre(); return }else{ o[x][y]=t; [x,y] ; } } function cc(p){ x=parseInt((p[0]-$('fly').offsetLeft)/25); 🎜>y=parseInt ((p[1]-$('fly').offsetTop)/25) if(o[x][y]>0){ return false; >}else{ varfound=[]; for(i=y;i>=0;i--){ if(o[x][i]>0){ finded.push ([o[x][i],x,i]) break } } for(i=y;i if(o[x][i]>0){ finded.push([o[x][i],x,i]) break } } for(i=x;i>=0;i--){ if(o[i][y]>0){ finded.push( [o[i] [y],i,y]); break } } for(i=x;i if (o[i] [y]>0){ finded.push([o[i][y],i,y]) break } find=0; po(찾음,0); if(find==0){ it =10; } fen=fen find; 'cou').innerHTML='점수:' } } function po(obj,n){ a=obj[n] tag=0; 🎜>for(j =n 1;j if(obj[j][0]==a[0]){ o[obj[j][1]] [obj[j] [2]]=0; paowuxian.p($(obj[j][1] '_' obj[j][2])) obj.splice(j, 1) tag=1; 찾기 ; }else{ j ; } if(tag==0){ n ; }else { o[a[1]][a[2]]=0 paowuxian.p($(a[1] '_' a[2])); >find ; obj.splice(n,1); } if(n po(obj,n); } 함수 시간(){ it ; if(it $('time').innerHTML='남은 시간:' (121-it); setTimeout('time( )',1000); }else{ $('pin').style.display='block' $('menu').style.display=' block'; $('menu').innerHTML=' 시작

' 'point' } } function start(){ it=0 fen=0 $('main').innerHTML=''; >o= 새로운 배열(); ini(); $('pin').style.display='none' $('menu').style.display='none' ; time(); } ini(); var paowuxian={ _type:[], bot:0, o:[], ini :function(o){ for(i=0;i if(this.o[i]==o){ return i ; } } for(i=0;i if(this._type[i].sta==-1){ break; } } o.style.position='absolute'; this.o[i]=o this._type[i]={l:o .offsetLeft, t:o.offsetTop,s:0,nt:0,sta:1}; return i; }, p:function(o){ this.ini( o); var _doc = (document.compatMode != "BackCompat") ? document.documentElement : document.body; var sctop= document.documentElement.scrollTop||document.body.scrollTop; fly_top=sctop _doc.clientHeight this.bot=fly_top-30; setTimeout("paowuxian.dos(" i ")",20) }, dos:function(i) { if(this._type[i].nt>this.bot){ if(this._type[i].sta==1){ document.body.removeChild(this.o [i] ); this._type.sta=-1; } }else{ this._type[i].l=this._type[i].l 이 ._type[i].s ; this._type[i].nt=this._type[i].t-5*this._type[i].s 0.5*1*this._type[ i].s*this._type[i].s; this.o[i].style.top=this._type[i].nt 'px' this.o[i]. style.left =this._type[i].l 'px'; setTimeout("paowuxian.dos(" i ")",20) } } }; >

저는 장치입니다