第JavaScript實(shí)現(xiàn)前端飛機(jī)大戰(zhàn)小游戲for(i=0;ienemy.length;i++){

vartmp_enemy=parseFloat($(enemy[i]).css("top"));

vartmp_stage=$(stage).height();

//console.log(tmp_enemy);

//console.log(typeof($(tmp_stage).height()));

if(tmp_enemytmp_stage){

$(enemy[i]).remove();

//console.log("移除成功");

};

};

},500);

//時(shí)鐘控件監(jiān)控?cái)?shù)組pdirection的值

vartimerkey=monitorkey();

//時(shí)鐘控件表示每個(gè)多少時(shí)間發(fā)射子彈

//第一種方法

鍵盤模擬事件

//setInterval(function(){

//

vare=jQuery.Event("keypress");

//

e.key=""

//

$(document).trigger(e);

//},500)

//第二種方法

直接調(diào)用函數(shù)

functionshoot(){

$("#mp3shoot")[0].currentTime=0;

$("#mp3shoot")[0].play();

pdirection[4]=1;

//console.log(parseFloat($(plain).css("top")))

//varbulletx=parseFloat($(plain).css("left"))+$(plain).width()/2-bulletw/2;

//console.log($(plain).css("left"))

//console.log(parseFloat($(plain).css("left")))

//console.log(parseFloat($(plain).css("top"))-parseFloat($(bullet).css("height")));

//varbullety=parseFloat($(plain).css("top"))-bulleth;

//plain.style.top.CSSValue=plain.style.top+10

//$(plain).css({"left":parseFloat($(plain).css("left"))+move});

//move++

//$("div"bullet\"/div")

轉(zhuǎn)義方法

//$("div/div").css({"left":bulletx,"top":bullety}).appendTo(stage);

//console.log(pdirection[4]);

varbulletx=parseFloat($(plain).css("left"))+$(plain).width()/2-bulletw/2;

//console.log($(plain).css("left"))

//console.log(parseFloat($(plain).css("left")))

//console.log(parseFloat($(plain).css("top"))-parseFloat($(bullet).css("height")));

varbullety=parseFloat($(plain).css("top"))-bulleth;

//plain.style.top.CSSValue=plain.style.top+10

//$(plain).css({"left":parseFloat($(plain).css("left"))+move});

//move++

//$("div"bullet\"/div")

轉(zhuǎn)義方法

$("div/div").css({

"left":bulletx,

"top":bullety

}).appendTo(stage);

}

//總結(jié)模型

//functionkissAB(A,B){

//

variskiss=false;

//

for(vari=0;iA.length;i++){

//

for(varj=0;jB.length;j++){

//

//vara=$(A[i]).height()/2+parseFloat($(A[i]).css("top"))-$(B[j]).height()/2-parseFloat($(B[j]).css("top"));

//

//varb=$(B[j]).width()/2+parseFloat($(B[j]).css("left"))-$(A[i]).width()/2-parseFloat($(A[i]).css("left"));

//

////console.log(a)

//

//varc=$(A[i]).height()/2+$(B[j]).width()/2

//

//console.log(b);

//

//if(a*a+b*bc*c){

//

//

//$(B[j]).remove();

//

//

//$(A[i]).remove();

//

//

iskiss=true;

//

//

break;

//

//}

//

}

//

}

//}

//調(diào)用模擬鍵盤函數(shù)

//vartimerfire=setInterval(shoot,500);

//定義變量存儲(chǔ)子彈發(fā)射的動(dòng)畫

vartimerfire;

//檢測(cè)是否碰撞

functionkissAB(A,B){

variskiss=false;

vara=$(A).height()/2+parseFloat($(A).css("top"))-$(B).height()/2-parseFloat($(B).css("top"));

varb=$(B).width()/2+parseFloat($(B).css("left"))-$(A).width()/2-parseFloat($(A).css("left"));

//console.log(a)

varc=$(A).height()/2+$(B).width()/2-10;

//console.log(b);

if(a*a+b*bc*c){

//$(B[j]).remove();

//$(A[i]).remove();

iskiss=true;

}

returniskiss;

}

vartimerkiss=monitorkiss();

functionmonitorkiss(){

//獲取子彈

//檢測(cè)子彈與敵機(jī)是否碰撞

returnsetInterval(function(){

varbullets=$(".bullet");

varenemys=$(".enemy");

for(vari=0;ibullets.length;i++){

for(varj=0;jenemys.length;j++){

//vara=$(bullets[i]).height()/2+parseFloat($(bullets[i]).css("top"))-$(enemys[j]).height()/2-parseFloat($(enemys[j]).css("top"));

//varb=$(enemys[j]).width()/2+parseFloat($(enemys[j]).css("left"))-$(bullets[i]).width()/2-parseFloat($(bullets[i]).css("left"));

////console.log(a)

//varc=$(bullets[i]).height()/2+$(enemys[j]).width()/2

//console.log(b);

//if(a*a+b*bc*c){

//

$(enemys[j]).remove();

//

$(bullets[i]).remove();

//

break;

//console.log("aaa")

//}

if(kissAB(bullets[i],enemys[j])){

//console.log("ttt")

$("#mp3destroy")[0].play();

$(enemys[j]).remove();

$(bullets[i]).remove();

break;

}

}

}

//檢測(cè)玩家與敵機(jī)是否碰撞

for(varj=0;jenemys.length;j++){

if(kissAB(plain,enemys[j])){

alert("gameover");

gameover();

break;

}

}

},1);

}

functionmonitorkey(){

returnsetInterval(function(){

//向上運(yùn)動(dòng)

//默認(rèn)方向

上

右

下

左

if(pdirection[0]==1){

//console.log(parseFloat($(plain).css("top")))

if(parseFloat($(plain).css("top"))=5)

//plain.style.top.CSSValue=plain.style.top+10

$(plain).css({

"top":parseFloat($(plain).css("top"))-move

});

else

$(plain).css({"top":0});

//move++

}

if(pdirection[2]==1){//向下運(yùn)動(dòng)

//console.log(parseFloat($(plain).css("top")))

if(parseFloat($(plain).css("top"))=513)

//plain.style.top.CSSValue=plain.style.top+10

$(plain).css({

"top":parseFloat($(plain).css("top"))+move

});

else

$(plain).css({"top":$(stage).Height-$(plain).Height});

//move++

}

if(pdirection[3]==1){//向左運(yùn)動(dòng)

//console.log(parseFloat($(plain).css("top")))

if(parseFloat($(plain).css("left"))=-10)

//plain.style.top.CSSValue=plain.style.top+10

$(plain).css({

"left":parseFloat($(plain).css("left"))-move

});

//move++

}

if(pdirection[1]==1){//向右運(yùn)動(dòng)

//console.log(parseFloat($(plain).css("top")))

if(parseFloat($(plain).css("left"))=270)

//plain.style.top.CSSValue=plain.style.top+10

//console.log(parseFloat($(plain).css("right")))

$(plain).css({

"left":parseFloat($(plain).css("left"))+move

});

//move++

}

if(pdirection[4]==1){//炮彈向上運(yùn)動(dòng)

//console.log(parseFloat($(plain).css("top")))

//varbulletx=parseFloat($(plain).css("left"))+$(plain).width()/2-bulletw/2;

//console.log($(plain).css("left"))

//console.log(parseFloat($(plain).css("left")))

//console.log(parseFloat($(plain).css("top"))-parseFloat($(bullet).css("height")));

//varbullety=parseFloat($(plain).css("top"))-bulleth;

//plain.style.top.CSSValue=plain.style.top+10

//$(plain).css({"left":parseFloat($(plain).css("left"))+move});

//move++

//$("div"bullet\"/div")

轉(zhuǎn)義方法

//$("div/div").css({"left":bulletx,"top":bullety}).appendTo(stage);

}

},1);

}

//載入背景音樂

//$("#mp3bg").play();

varmp3bg=document.getElementById("mp3bg");

//vartimerbg=setInterval(function(){

//

mp3bg.currentTime=0;

//

//mp3bg.controls

//

mp3bg.play();

//

clearInterval(timerbg);

//})

$("#buttonmusic").click();

$("#buttonmusic").click(function(){

if($(this).html()=="音樂"){

$(this).html("暫停");

//mp3bg.currentTime=0;

//mp3bg.controls

mp3bg.play();

//clearInterval(timerbg);

}else{

//mp3bg.currentTime=0;

//mp3bg.controls

mp3bg.pause();

$(this).html("音樂");

}

})

functionstartgame(){

//碰撞檢測(cè)開始

timerkiss=monitorkiss();

//重置方向鍵盤

console.log(pdirection);

pdirection=[0,0,0,0,0];

//生成玩家飛機(jī)

//vartimertmp=setInterval(function(){

//varaa=$(stage).height()-$(plain).height()*2

//console.log(aa