終于到了真正動手做游戲的時刻，在這一節(jié)里，我會帶你從頭開始將我們的“太空保衛(wèi)者”按照設計方案制作出來。這一節(jié)里的內容會非常的多，一遍消化不了，可以多讀幾遍。別著急，慢慢來。

首先，我們要準備好游戲中需要用到的所有素材。

下方是一張素材的清單：

精靈：

- 太空背景圖

- 游戲的標題，這里直接用文本

- 開始按鈕

- 戰(zhàn)機

- 敵機

- 敵機爆炸動畫

- 子彈

- 游戲結束

- 用于記分的數字

- 遮罩層（用于在游戲結束時顯示）

聲音：

- 背景音樂

- 發(fā)射子彈的聲音

- 敵機爆炸的聲音

按照清單，我們先將所有的素材都導入到游戲中。

準備素材

大部分的精靈使用“彩色飛機大戰(zhàn)”中提供的素材。

使用“積木小Y”中的白色數字以及基礎文本。

使用“幾何圖形”中的正方形作為遮罩層。

使用“飛機大戰(zhàn)”中的“子彈射擊”和“敵機爆炸1”音效。

最后，背景音效我們選用“經典飛機大戰(zhàn)”中的 bgm。

所有的素材選中后，點擊“導入”按鈕，將所有的素材導入到游戲中。

導入后，應該是這個樣子。

當前我們其實還缺少一個素材，就是“敵機的爆炸動畫”，因為爆炸動畫是針對敵機的，所以這里將爆炸動畫作為一個敵機的造型，添加到敵機的素材中。

在資源管理中選中“敵機”，然后點擊“編輯造型”按鈕。

選擇從素材庫里添加。

選擇“彩色飛機大戰(zhàn)”中的“紅色敵機-動畫”，然后點擊“導入”按鈕。

這樣敵機就包含兩個造型了，一個是正常狀態(tài)，一個是爆炸時的動畫。

到此游戲中需要的所有素材都準備完畢，讓我們開始下一步：劃分場景。

劃分場景

上一節(jié)的設計方案中提到，游戲分為兩個場景：開始場景和游戲場景，開始場景只負責顯示游戲的名字和開始按鈕，游戲場景則負責處理游戲中的所有內容。

游戲中默認會包含一個場景，讓我們再創(chuàng)建一個場景。

點擊場景區(qū)中的“新建場景”按鈕。

場景區(qū)中會增加一個新的場景，默認名字為“場景2”，我們將其重命名為“開始場景”。

接著，我們點擊開始場景右上角的三個點，然后選擇“設置為主場景”。

你會發(fā)現(xiàn)，在“開始場景”的左上角多了一個小房子的圖標，這個圖標標識了當前的場景為主場景。所謂的“主場景”是指進入游戲后首先顯示的場景，因為進入游戲后我們首先展示“開始場景”，所以，這里將“開始場景”設置為“主場景”。

我們將“場景1”重新命名為“游戲場景”，這樣兩個場景就劃分好了。

下面，我們先從“開始場景”著手，布置一下界面。

布置界面

首先，我們將默認的藍色背景替換成太空背景，然后將“基礎文字”和“開始”素材直接拖拽到編輯區(qū)中。

布置一下位置，然后調整一下基礎文字的屬性，這里我們通過調整了字體的大小，粗細和顏色讓它看起來更像一個標題。

接著，我們實現(xiàn)一下這個場景中僅有的一個邏輯：點擊“開始”按鈕，進入到“游戲場景”。

選擇“開始_1”，然后在積木區(qū)點擊“添加事件”按鈕，選擇“當精靈被點擊時”。

接著，添加“控制”中的“切換場景到游戲場景”積木塊。

看起來是這樣，當我們點擊“開始”按鈕后，就會切換到“游戲場景”了。

你可以點擊預覽場景，然后點擊“開始”按鈕，看一下場景是否能夠切換到“游戲場景”。

接下來，我們要制作“游戲場景”了，還是先從布置場景開始。

如圖，層級管理中的紅色方框內就是需要的所有素材了。背景，戰(zhàn)機，敵機，藍色子彈都是獨立的部分，接下來我們會將正方形，開始，GAMEOVER三個圖層組合起來，創(chuàng)建一個游戲結束頁面。

依次選中 GAMEOVER，開始，正方形三個圖層（Windows系統(tǒng)按住Ctrl鍵點選，Mac系統(tǒng)按住Command鍵點選），然后點擊這三個圖層任意右側的小按鈕，選擇“將選中圖層組成容器”。

在層級管理中會生成一個“容器-1”，然后剛才的三個圖層出現(xiàn)在容器中，請注意，在素材管理區(qū)中也會出現(xiàn)一個“容器-1”的素材。

我們可以直接在編輯區(qū)中對容器中的各個圖層進行大小和位置的調整，調整后的游戲結束界面看上去是這樣，將“正方形”設置為黑色半透明的遮罩層，然后在上面顯示“GAME OVER”，以及重新開始游戲按鈕。

最后，我們把容器重新起個名字叫“游戲結束”，在資源管理器中，右鍵點擊“容器-1”，選擇“重命名”，然后設置名字為“游戲結束”。

層級管理中的容器名字會自動更新為“游戲結束”。

游戲結束界面只有在游戲結束的時候才會顯示，正常游戲時不應該顯示出來，所以，我們要將其隱藏起來，等到游戲結束時，再讓它顯示。

在層級管理中，右鍵點擊“游戲結束”，然后選擇“隱藏”。

你會發(fā)現(xiàn)整個“游戲結束”容器變成灰色了，而且在編輯區(qū)中也不見了。它被隱藏起來了，我們會在需要的時候再讓它顯示。

接下來，我們在編輯區(qū)中調整一下戰(zhàn)機，敵機和子彈的大小，然后將得分放在左上角的位置。這樣，游戲場景就布置好了。

到現(xiàn)在為止，我們已經完成了游戲中的所有的可見的部分，接下來我們就要逐一實現(xiàn)那些不可見的部分---邏輯。

游戲邏輯

在上一節(jié)中我們分析了游戲場景中主要的幾個部分：戰(zhàn)機，敵機，子彈，得分。接下來，我們會一個一個的進行實現(xiàn)。

首先，我們先要配置游戲中需要用到的“變量”和“通知”。

如圖，我們新建了兩個全局變量，一個用于記錄得分，一個用于記錄游戲是否結束，0 表示沒有結束，1 表示游戲結束。新建了一個“敵機爆炸”的通知，每當敵機發(fā)生爆炸時就會發(fā)送這個通知，“得分數字”每當接收到這個通知時，就會將得分加一。

接著，我們先從戰(zhàn)機開始。戰(zhàn)機需要添加下面的邏輯：

- 當手指點擊戰(zhàn)機拖拽時要做出響應，戰(zhàn)機位置跟隨手指移動。

- 戰(zhàn)機碰撞到敵機時，則游戲結束，顯示游戲結束提示。

選中“戰(zhàn)機”，為戰(zhàn)機添加如下的積木塊。

積木塊的邏輯清晰明了，在此就不再做多余的解釋了。

接著，子彈需要處理以下的邏輯：

- 游戲開始后就不停的克隆子彈。

- 當子彈被“克隆”出來后，將其位置設置在戰(zhàn)機的位置。

- 當子彈碰撞到“敵機”時，子彈應該被銷毀。

選中“藍色子彈”，為其添加如下的積木塊。

這里注意最上方的積木塊“當自己移出全部邊緣”，在這里我們做了刪除處理，即當子彈飛出屏幕后，將其刪除。因為，在游戲中有些子彈沒有擊中敵機，會直接向上飛出屏幕，如果我們不將其刪除的話，它們會繼續(xù)留在游戲中，雖然我們看不見。當這些無用的子彈累積的越來越多的時候，游戲可能就會變得卡頓。所以，對于這些飛出屏幕的無用的子彈，我們直接做刪除處理。

接著，我們再處理敵機的邏輯。

- 游戲開始后就要每間隔一定的時間“克隆”敵機。

- 當敵機被“克隆”出來后，將位置設置為屏幕頂端的隨機位置。

- 當子彈碰撞到敵機時，敵機銷毀，并發(fā)送一個“敵機銷毀”事件。

選中“敵機”為其添加如下的積木塊。

這里需要特別注意以下用紅框圈出的積木塊“設置自己不參與碰撞”，這塊積木的作用是讓敵機不再參與碰撞，因為在我們的游戲中，敵機只要被一顆子碰撞到，就會發(fā)生爆炸，我們只想讓敵機的爆炸邏輯執(zhí)行一次，即子彈打中敵機，敵機發(fā)生爆炸，這個過程就應該結束。如果在敵機與子彈發(fā)生碰撞后，不立即將敵機的碰撞解除，那么就意味著，如果再有一顆子彈碰撞到敵機，敵機就會再發(fā)生一次爆炸，很顯然，這不是我們期望的結果。

最后，我們處理得分的邏輯：

- 查看是否有“敵機銷毀”事件，如果有，就將得分加一

選中“白色數字”，為其添加如下的積木塊。

似乎還少了一個背景音樂，我們就將背景音樂的積木邏輯放在背景上，選中層級管理中的“背景”，然后添加如下的積木塊。

所有的邏輯部分都處理完了，在預覽場景之前，我們再做一點兒調整。

如圖，我們將“敵機”和“藍色子彈”的本體移除到界面之外，這樣游戲運行之后，就只能看到按照預定的邏輯出現(xiàn)的克隆體了。

點擊“預覽場景”看一下效果吧！

看起來還不錯，如果你一步一步的走到了這里，并看到了上方的效果，那么意味著你的第一個小游戲馬上就要做出來了。

當前的星空背景是固定不動的，理論上來講當我們向上移動時，周圍的景物是應該向下移動的，下面我們對游戲的背景進行一下簡單的設置，讓其具備移動的功能。

在圖層區(qū)中選中“背景”，然后在圖層屬性區(qū)中點擊“管理行為”按鈕。

在彈出的“管理行為”頁面中將“循環(huán)滾動”右側的開關打開。

添加完行為后，你會發(fā)現(xiàn)在圖層屬性區(qū)的下方出現(xiàn)了“循環(huán)滾動”的條目。

設置一下循環(huán)滾動，因為這是個豎屏的游戲，所以平鋪方向選擇“豎向”，然后勾選“自動移動”。

再次，點擊預覽場景看一下效果：

背景開始向下移動了，有在太空中飛行的感覺了。

試著碰撞一架敵機，看看游戲結束的畫面。

你可能發(fā)現(xiàn)了，當你點擊“開始”按鈕想要再次進行游戲時，沒有任何反應。下面我們就來看一下是哪里出了問題，并將它解決。

我們選中層級管理中的“開始”按鈕，看一下它的邏輯。

它的邏輯是點擊后，切換到“游戲場景”，這是在“開始場景”中我們?yōu)樗砑拥倪壿?，目的是從“開始場景”跳轉到“游戲場景”，但是這里我們已經身在“游戲場景”中了，所以點擊“開始”按鈕沒有任何效果。

我們對其做一下修改，使用一塊“重啟當前場景”的積木，這樣當點擊“開始”按鈕后，就會重新啟動當前的場景了。

最后不要忘了，在重新開始游戲后，要將“是否結束”的全局變量設置為 0。

再次預覽一下場景，碰撞一個敵機，顯示游戲結束提示，然后點擊“開始”按鈕，游戲再次開始了。

現(xiàn)在，將場景切換到“開始場景”，選擇“開始_1”按鈕，你會發(fā)現(xiàn)，它的積木邏輯也變成了我們剛才修改的邏輯。

小提示：因為我們在“開始場景”和“游戲場景”都用的是同一個“開始”精靈素材，所以使用的邏輯也都是相同的，如果想要使用不同的邏輯就需要再創(chuàng)建新的“開始”精靈素材，然后為其增加新的邏輯。

我們要重新為“開始場景”創(chuàng)建一個“開始”按鈕素材。在素材管理器中右鍵點擊“開始”精靈，然后選擇復制。

這樣就增加了一個新的“開始-1”精靈。

我們修改一下其中的邏輯積木，為了便于區(qū)分將兩個素材進行重命名，一個為“開始-開始場景”，另一個為“開始-游戲場景”。

這樣我們就有了兩個“開始”精靈，并且每一個都帶有自己的積木邏輯了。

最后，我們移除開始場景中原有的開始按鈕，將新的“開始-開始場景”素材拖拽進來。

點擊“預覽場景”，看一下最終的效果：

恭喜，你的第一個小游戲完成了。

總結一下：

我們按照“太空保衛(wèi)者”的游戲設計方案，將游戲一步一步的做了出來，如果你之前從未有過游戲開發(fā)經驗，那么這就是你人生中做出的第一個游戲了。

祝賀你！

如果你最終沒有做出預期的效果，那么你可能需要多讀幾遍，并且按照文中的截圖認真比對看看哪里出了問題，如果有看不懂的積木邏輯，那么你可能需要回顧之前所學的與積木有關的內容。

有任何的疑問，歡迎給我留言。另外，如果你覺得這個系列教程對你來說有價值，歡迎點贊和分享，讓它有機會被更多的人看到。

我是會做游戲也會教你做游戲的小螞蟻，歡迎關注我的頭條號，私信“學習資料”，領取全網最全的微信小游戲開發(fā)系列原創(chuàng)教程資料。