砲弾がターゲットに命中して消えて得点することを実現するJS戦車戦-php手册-php.cn

ホームページ

php教程

php手册

砲弾がターゲットに命中して消えて得点することを実現するJS戦車戦

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 15, 2016 am 11:14 AM

js坦克大战以实现炮弹击中目标消失并且记分
话不多说
下载下面的代码包就能看到效果，
效果图：
砲弾がターゲットに命中して消えて得点することを実現するJS戦車戦
js代码如下：/**初始化*/ var shell=document.getElementById('tk'); shell.innerHTML='<div></div>'; var w=shell.offsetWidth;h=shell.offsetHeight; /**初始化*/ function keyDown(e) { 　　　　 var keycode = e.which; 　　　　 remove(keycode,2);//坦克移动 if(keycode=='32'){//发射子弹 zidan(); } 　　 } function keyUp(e){//键位弹起时候记录最后按下方向键,并将其储存到class中去 var keycode = e.which; shell_1=document.getElementById('shell_1'); if(keycode=='37' || keycode=='38' || keycode=='39' || keycode=='40'){ shell_1.className='qin'+keycode; } } /**键位监听*/ 　　 document.onkeydown = keyDown; document.onkeyup = keyUp; /**键位监听*/ function remove(code,su){//玩家坦克移动函数 var shell_1=document.getElementById('shell_1'); var l; if(code=='37'){//左移 l=shell_1.style.marginLeft; l=parseInt(l); if(l>0){ shell_1.style.marginLeft=(l-su)+'px'; } } if(code=='38'){//上移 l=shell_1.style.marginTop; l=parseInt(l); if(l>0){ shell_1.style.marginTop=(l-su)+'px'; } } if(code=='39'){//右移 l=shell_1.style.marginLeft; l=parseInt(l); if(l shell_1.style.marginLeft=(l+su)+'px'; } } if(code=='40'){//下移 l=shell_1.style.marginTop; l=parseInt(l); if(l shell_1.style.marginTop=(l+su)+'px'; } } } function zidan(){//玩家坦克子弹函数 /**获取子弹初始位置*/ var che=document.getElementById('shell_1'); var l=che.style.marginLeft; var t=che.style.marginTop; var html=shell.innerHTML;//获取原有html /**获取子弹初始位置*/ var myDate = new Date(); var myid=myDate.getTime(); /**创建初始子弹*/ shell.innerHTML=html+'<div></div>'; /**最初の箇条書きを作成する*/ /**弾丸の方向を知る*/ var fx=che.className;//弾丸の方向は弾丸の初期段階でのみ取得可能です /**弾丸の方向を知る*/ var set=setInterval(function(){ var zd=document.getElementById(myid);//箇条書きを取得します If(fx=='qin39'){//弾丸は右へ進みます var ls=zd.style.marginLeft; ls=parseInt(ls); If(ls<w></w> zd.style.marginLeft=(ls+1)+'px'; }その他{ レジダン(myid); 「 } } If(fx=='qin37'){//弾丸は左へ進みます var ls=zd.style.marginLeft; ls=parseInt(ls); If(ls>0){ zd.style.marginLeft=(ls-1)+'px'; }その他{ レジダン(myid); 「 } } If(fx=='qin38'){//上向きの弾丸 var ls=zd.style.marginTop; ; If(ls>0){ zd.style.marginTop=(ls-1)+'px'; }その他{ レジダン(myid); 「 } } If(fx=='qin40'){//下向きの箇条書き var ls=zd.style.marginTop; ls=parseInt(ls); If(ls<h></h> zd.style.marginTop=(ls+1)+'px'; }その他{ レジダン(myid); 「 } } },10); } function rezidan(id){//删除子弹函数或者坦克 var child=document.getElementById(id); if(child){ shell.removeChild(child); } } //**电脑坦克*/ function ran(){//随机1到4的方位函数 var kwc=Math.ceil(Math.random()*10); var kwv; if(kwc%4==0){kwv=1;} if(kwc%4==1){kwv=2;} if(kwc%4==2){kwv=3;} if(kwc%4==3){kwv=4;} return kwv; } function rantanke(){//随机创建敌方坦克 /**初始坦克随机出现位置*/ var html=shell.innerHTML;//获取原有html var t=Math.random()*1000; var l=Math.random()*1000; if(t>h){t=(t-h)+'px';}else{t=t+'px';}//判断坦克不会超出边界太远 if(l>w){l=(l-w)+'px';}else{l=l+'px';}//判断坦克不会超出边界太远 /**初始坦克随机出现位置*/ var myDate = new Date(); var myid=myDate.getTime(); /**创建坦克*/ shell.innerHTML=html+'<div></div>'; /**タンクを作成する*/ var setz=setInterval(function(){ /**殴られる*/ var ztk=document.getElementById(myid);dt=ztk.style.marginTop;dl=ztk.style.marginLeft; dt=parseInt(dt);dl=parseInt(dl); var zidanob=document.getElementsByClassName('zidan'); if(zidanob.length!=0){ for(i=0;i<zidanob.length></zidanob.length> var zt=zidanob[i].style.marginTop; var zl=zidanob[i].style.marginLeft; zt=parseInt(zt);zl=parseInt(zl); if(zt>dt && ztdl && zl zidanob[i].style.display='none';//隐藏子弹 zidanob[i].className='';//当子弹碰撞後删除子弹的クラスは次次继续击中敌方タンク を防ぐため rezidan(myid);//删除殴られるタン克 クリアインターバル(setz); //删除&タンクの時間関数 fensu();//记录分数 } } } /**&*/ var classz=ztk.className; var oArr = clasz.split(" "); var fwz;//每次执行这段代码FWZ就清空,fwz是方向判断变量 if(classz){// 否か判断&後第一次移動 if(oArr[0]=='qinr'){//持续向右移動50回 if(parseInt(oArr[1]) var lz=ztk.style.marginLeft; lz=parseInt(lz); If(lz<w></w> ztk.style.marginLeft=(lz+2)+'px'; } else { Fwz = ran () // 壁と格闘して位置を再選択します ; Var clsaa = PARSEINT ([1])+1; ztk.className='qinr '+clsaa; } else { fwz=ran();//向きを再選択 } } If(oArr[0]=='qinl'){//左に50回移動し続けます If(parseInt(oArr[1]) lz=parseInt(lz); If(lz>0){ ztk.style.marginLeft=(lz-2)+'px'; } else { Fwz = ran () // 壁と格闘して位置を再選択します ; Var clsaa = PARSEINT ([1])+1; ztk.className='qinl '+clsaa; } else { Fwz = ran () // 位置を再選択します ; } } if(oArr[0]=='qint'){//50 回上に進み続けます If(parseInt(oArr[1]) lz=parseInt(lz); If(lz>0){ ztk.style.marginTop=(lz-2)+'px'; } else { Fwz = ran () // 壁と格闘して位置を再選択します ; Var clsaa = PARSEINT ([1])+1; ztk.className='qint '+clsaa; } else { Fwz = ran () // 位置を再選択します ; } } If(oArr[0]=='qinf'){//下に 50 回移動し続けます If(parseInt(oArr[1]) lz=parseInt(lz); If(lz<h></h> ztk.style.marginTop=(lz+2)+'px'; } else { Fwz = ran () // 壁と格闘して位置を再選択します ; Var clsaa = PARSEINT ([1])+1; ztk.className='qinf '+clsaa; } else { Fwz = ran () // 位置を再選択します ;} } } else { Fwz = ran () // アクティビティ関数 ; } (fwz == 2) {// 興味深い値が 2 の場合、右側に実行します var lz=ztk.style.marginLeft; lz=parseInt(lz); ztk.style.marginLeft=(lz+2)+'px'; ztk.className='qinr 1'; } If (fwz == 3) {// 興味深い値 3 が左に実行されます var lz=ztk.style.marginLeft; lz=parseInt(lz); ztk.style.marginLeft=(lz-2)+'px'; ztk.className='qinl 1'; } If (fwz == 1) {// 興味深い値 1 が上向きに実行されます var lz=ztk.style.marginTop; lz=parseInt(lz); ztk.style.marginTop=(lz-2)+'px'; ztk.className='qint 1'; } (fwz == 4) {// 興味深い値が 4 の場合、下に移動します var lz=ztk.style.marginTop; lz=parseInt(lz); ztk.style.marginTop=(lz+2)+'px'; ztk.className='qinf 1'; } },50); } function fensu(){//スコアリング関数 var ob=document.getElementById('fs'); var s=ob.innerText; s=parseInt(s); s=s+1; Ob.innerText=s; }