十一、飞机大战（IVX 快速开发教程）
十一、飛機(jī)大戰(zhàn)
制作微信小游戲大致流程與微信小程序、Web類似，不同的在于是組件的使用。
文章目錄
- 十一、飛機(jī)大戰(zhàn)
- 11.1.1 完成游戲角色制作
- 11.1.2 完成物理世界添加
- 11.1.3 完成子彈對象反重力運(yùn)動
- 11.1.4 使用對象組創(chuàng)建子彈
- 11.1.5 子彈優(yōu)化
- 11.1.6 設(shè)置敵機(jī)
- 11.1.7 優(yōu)化游戲
11.1.1 完成游戲角色制作
首先我們創(chuàng)建一個微信 2D小游戲：
創(chuàng)建好游戲場景后在游戲界面中可以添加圖片，作為游戲中的元素。點(diǎn)擊圖片組件在畫布中繪制一個主角飛機(jī)。點(diǎn)擊圖片后在畫布中拖動鼠標(biāo)繪制區(qū)域后將會彈出資源選擇框：
選中我們需要添加的圖片素材后，此時畫布中就會出現(xiàn)主角飛機(jī)圖片：
我們點(diǎn)擊圖片，拖拽到合適大小：
11.1.2 完成物理世界添加
為了方便之后飛機(jī)與敵機(jī)之間檢測物理碰撞，我們需要在畫布中添加一個物理世界，并將主角飛機(jī)作為物理世界的子對象：
為了使主角飛機(jī)能夠收到物理世界的影響，需要給主角飛機(jī)添加一個物體。在對象樹種點(diǎn)擊飛機(jī)圖片組件，在左側(cè)組件欄中點(diǎn)擊物體進(jìn)行添加：
此時我們通過 web 瀏覽器進(jìn)行調(diào)試，點(diǎn)擊預(yù)覽：
為了更好的方便觀察，我們在出現(xiàn)的瀏覽器窗口中按下 F12，選擇該窗口為手機(jī)瀏覽器窗口：
我們刷新界面后將會看到主角飛機(jī)從上往下掉落：
由于在物理世界中發(fā)生碰撞，物體之間將會出現(xiàn)旋轉(zhuǎn)等情況，我們需要飛機(jī)頭一直正朝著上方，需要禁止主角飛機(jī)的旋轉(zhuǎn)角度。點(diǎn)擊飛機(jī)主角下的物體組件，在屬性欄中將物體的固定旋轉(zhuǎn)角度開啟：
11.1.3 完成子彈對象反重力運(yùn)動
接下來開始設(shè)置子彈自動發(fā)射，我們先在畫布中再次添加一個子彈圖片組件，并且在這個子彈圖片組件下添加物體組件：
此時預(yù)覽發(fā)現(xiàn)子彈會自動掉落，解決這個問題只需要在子彈組件下添加一個運(yùn)動組件：
我們點(diǎn)擊運(yùn)動組件，設(shè)置移動方向?yàn)?90 度則為垂直向上運(yùn)動，隨后給與這個方向設(shè)置移動速度，設(shè)置為 -600 則為表示反方向運(yùn)動，最后還需要開啟自動播放才會生效：
接著我們預(yù)覽將會發(fā)現(xiàn)已經(jīng)成功的使該子彈反方向進(jìn)行運(yùn)動，此時還要注意要將子彈的固定旋轉(zhuǎn)屬性開啟，否則子彈將會在之后的碰撞中發(fā)生不理想的效果。
11.1.4 使用對象組創(chuàng)建子彈
由于子彈是需要間隔一定時間進(jìn)行自動發(fā)射，我們現(xiàn)在使用對象組組件對子彈進(jìn)行統(tǒng)一管理。此時添加一個對象組添加到物理世界中，選擇管理的范圍為整個畫布（此處需要頂部和底部留一點(diǎn)空隙用于之后的碰撞處理）：
添加完畢后發(fā)現(xiàn)飛機(jī)和子彈都不見了，這是因?yàn)閷ο蠼M覆蓋了飛機(jī)主角圖片與子彈圖片。此時將對象組在對象樹的次序放到最底部即可（在對象樹種越靠近頂部顯示的優(yōu)先級越高）。
接著把子彈圖片組件添加到對象組下：
由于子彈是間隔發(fā)射，此時我們需要在前臺中創(chuàng)建一個觸發(fā)器定時發(fā)射子彈：
隨后設(shè)置觸發(fā)器的時間間隔為 0.3，并且開啟自動播放：
接著為觸發(fā)器設(shè)置事件，條件為觸發(fā)器觸發(fā)時，使用對象組組件的創(chuàng)建對象動作并設(shè)置模板對象為子彈對象：
我們接著給子彈設(shè)置一個初始的出現(xiàn)位置，這個位置我們可以設(shè)置成主角飛機(jī)的位置，之后再通過微調(diào)使子彈出現(xiàn)的位置在飛機(jī)機(jī)頭即可：
我們運(yùn)行程序?qū)l(fā)現(xiàn)子彈將會自動發(fā)射：
11.1.5 子彈優(yōu)化
此時子彈并不會自動消失，我們可以在頂部加一個矩形組件命名為頂部，該組件添加物體組件后，設(shè)置位置為固定 xy 坐標(biāo)與固定旋轉(zhuǎn)角度：
接下來我們?yōu)樽訌椞砑右粋€事件，該事件觸發(fā)為開始碰撞，選擇碰撞對象為頂部，動作為當(dāng)前對象自動移除：
此時再預(yù)覽項(xiàng)目則會發(fā)現(xiàn)子彈會自動消失，但是頂部的物體存在邊框和顏色，我們點(diǎn)擊頂部組件，更改背景顏色的透明度為 0，再更改該組件的邊框?qū)挾葹?0，該組件就可以從視覺上消失在這個頁面之中：
接著我們開始為這個飛機(jī)主角添加移動事件。我們點(diǎn)擊前臺添加事件，當(dāng)手指按下，飛機(jī)主角組件將會在指定范圍內(nèi)移動到該位置：
11.1.6 設(shè)置敵機(jī)
接著我們添加敵機(jī)。在對象組中添加一個圖片組件，并且為其添加物體組件：
點(diǎn)擊物體組件，設(shè)置阻尼為 0.95 并開啟固定旋轉(zhuǎn)角度，此時該飛機(jī)從頂部掉落速度將會減慢：
我們此時再給敵機(jī)組件一個碰撞事件，當(dāng)碰到子彈時自動消失：
再給子彈組件添加一個事件，碰到敵機(jī)自動消失：
此時我們開始批量創(chuàng)建敵機(jī)，我們創(chuàng)建一個數(shù)值變量命名為隨機(jī) x，用于敵機(jī)的隨機(jī)橫軸位置：
接著我們在觸發(fā)器中給隨機(jī) x 變量隨機(jī)值：
接著在觸發(fā)器中使用對象組創(chuàng)建飛機(jī)對象，X 值為隨機(jī)x 變量值， Y 值給與一個固定值距離頂部一定距離即可：
此時敵機(jī)未擊中將會掉落到屏幕底部，此時在底部添加一個透明的矩形組件命名為底部，敵機(jī)觸發(fā)后自動消失：
11.1.7 優(yōu)化游戲
接下來創(chuàng)建一個變量記錄擊落敵機(jī)數(shù)量：
在子彈觸碰到敵機(jī)時該數(shù)值加一：
我們在前臺創(chuàng)建一個文本命名為擊落，用于顯示該變量值并且設(shè)置初始文本為 0：
之后在子彈觸碰敵機(jī)時添加一個動作，將顯示該變量的內(nèi)容：
此時預(yù)覽內(nèi)容將會實(shí)現(xiàn)計(jì)分效果：
最后在主角飛機(jī)中添加觸碰到敵機(jī)時的動作：
以上事件當(dāng)主角飛機(jī)觸碰敵機(jī)使使用物理世界以及觸發(fā)器執(zhí)行暫停動作游戲則會停止。
最終考慮用戶體驗(yàn)，我們在停止后再顯示一個游戲結(jié)束文本。在前臺中添加一個文本命名為游戲結(jié)束，默認(rèn)為不可見：
在敵機(jī)觸碰到主角時添加游戲結(jié)束文本顯示操作即可：
總結(jié)
以上是生活随笔為你收集整理的十一、飞机大战（IVX 快速开发教程）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 10分钟做一个新闻问答web站点[iVX
- 下一篇： 十三、制作 iVX音乐分享小程序