jq版 飛機大戰

2021-10-06 18:22:50 字數 2467 閱讀 7695

1.首先布局,讓飛機與遊戲介面位置絕對定位,運用posititon

*

html,body

.container

.plane

.bullet

.enemy

class

="container"

>

class

="plane"

>

div>

div>

""

>

<

/script>

"jq/jquery.js"

>

<

/script>

3、首先獲取鍵盤keycode值,控制飛機的上下左右移動,並且控制飛機每次移動的距離

4、運用jquery中position() 方法將獲取的left,top定義飛機的位置

5、製造子彈,運用jquery中建立節點方式,並且運用節流函式,間隔多久發射子彈,並將子彈位置相對於飛機的位置,

6、製造敵機,與子彈方法一致,但是敵機位置是相對與遊戲介面,不超過介面,

7、設定敵機定時器,多少時間內移動距離,超過遊戲介面,將盒子清除,remove()

8,下面是計算子彈,飛機與敵機的位置,相碰撞時,消失的問題,敵機與子彈的位置為以下情況時,(8種方式)雙方消失:

$(

()=>)}

,200)$

(window)

.keydown

(e=>

=e// console.log(e.keycode)

let=$(

".plane").

position()

switch

(keycode)

let maxtop =$(

'.container').

innerheight()

-$('.plane').

innerheight()

let maxleft=$(

'.container').

innerwidth()

-$('.plane').

innerwidth()

if(top>maxtop) top=maxtop

if(top<

0) top=0if

(left>maxleft) left=maxleft

if(left<

0) left=0$

(".plane").

css()}

)setinterval((

)=>=$

(this).

position()

$(this).

css(

'top',$

(this).

position()

.top+10)

if(top

)$(this).

remove()

})},

500)

;//雙方條件都符合時,消失

let timer1 =

setinterval((

)=>$(

'.bullet').

each

(function

(i, bullet)})

})},

50);setinterval((

)=>)}

,2000);

setinterval((

)=>=$

(this).

position()

$(this).

css(

'top',$

(this).

position()

.top -10)

if(top <0)

$(this).

remove()

})},

200)

;//封裝函式:獲取飛機,敵機,子彈的上下左右位置

function

calcrtb

(node)

}/計算雙方碰撞時產生的條件都符合時的距離

function

calccollision

(a, b)})

<

/script>

req.js中的**

//節流函式

throttle

(fn, wait)

fn.(this

,arguments)

; endtime =

+new

date}}

,//計算最大值

rnd(max,min=0)

飛機大戰(小鳥版)

using system using system.collections.generic using system.componentmodel using system.data using system.drawing using system.linq using system.text u...

飛機大戰 簡化版

import pygame from pygame.locals import import random import time class herobullet def init self,x,y,windows self.x x self.y y self.windows windows se...

Unity 飛機大戰增強版

感謝 本應用使用 unity3d 2d手機遊戲開發 提供的資源,版權歸屬其作者,在此感謝作者。此應用時基於原作的二次開發。增強要素 1.加入2s cd的機身旋轉,旋轉時保持無敵狀態,人擋殺人。2.加入0,5s cd的跟蹤飛彈,飛彈隨機打擊目標敵人。3.加強小飛機ai,小飛機擁有三種飛行模式,直線,s...