终于到了真正动手做游戏的时刻，在这一节里，我会带你从头开始将我们的“太空保卫者”按照设计方案制作出来。这一节里的内容会非常的多，一遍消化不了，可以多读几遍。别着急，慢慢来。

首先，我们要准备好游戏中需要用到的所有素材。

下方是一张素材的清单：

精灵：

– 太空背景图

– 游戏的标题，这里直接用文本

– 开始按钮

– 战机

– 敌机

– 敌机爆炸动画

– 子弹

– 游戏结束

– 用于记分的数字

– 遮罩层（用于在游戏结束时显示）

声音：

– 背景音乐

– 发射子弹的声音

– 敌机爆炸的声音

按照清单，我们先将所有的素材都导入到游戏中。

准备素材

大部分的精灵使用“彩色飞机大战”中提供的素材。

使用“积木小Y”中的白色数字以及基础文本。

使用“几何图形”中的正方形作为遮罩层。

使用“飞机大战”中的“子弹射击”和“敌机爆炸1”音效。

最后，背景音效我们选用“经典飞机大战”中的 bgm。

所有的素材选中后，点击“导入”按钮，将所有的素材导入到游戏中。

导入后，应该是这个样子。

当前我们其实还缺少一个素材，就是“敌机的爆炸动画”，因为爆炸动画是针对敌机的，所以这里将爆炸动画作为一个敌机的造型，添加到敌机的素材中。

在资源管理中选中“敌机”，然后点击“编辑造型”按钮。

选择从素材库里添加。

选择“彩色飞机大战”中的“红色敌机-动画”，然后点击“导入”按钮。

这样敌机就包含两个造型了，一个是正常状态，一个是爆炸时的动画。

到此游戏中需要的所有素材都准备完毕，让我们开始下一步：划分场景。

划分场景

上一节的设计方案中提到，游戏分为两个场景：开始场景和游戏场景，开始场景只负责显示游戏的名字和开始按钮，游戏场景则负责处理游戏中的所有内容。

游戏中默认会包含一个场景，让我们再创建一个场景。

点击场景区中的“新建场景”按钮。

场景区中会增加一个新的场景，默认名字为“场景2”，我们将其重命名为“开始场景”。

接着，我们点击开始场景右上角的三个点，然后选择“设置为主场景”。

你会发现，在“开始场景”的左上角多了一个小房子的图标，这个图标标识了当前的场景为主场景。所谓的“主场景”是指进入游戏后首先显示的场景，因为进入游戏后我们首先展示“开始场景”，所以，这里将“开始场景”设置为“主场景”。

我们将“场景1”重新命名为“游戏场景”，这样两个场景就划分好了。

下面，我们先从“开始场景”着手，布置一下界面。

布置界面

首先，我们将默认的蓝色背景替换成太空背景，然后将“基础文字”和“开始”素材直接拖拽到编辑区中。

布置一下位置，然后调整一下基础文字的属性，这里我们通过调整了字体的大小，粗细和颜色让它看起来更像一个标题。

接着，我们实现一下这个场景中仅有的一个逻辑：点击“开始”按钮，进入到“游戏场景”。

选择“开始_1”，然后在积木区点击“添加事件”按钮，选择“当精灵被点击时”。

接着，添加“控制”中的“切换场景到游戏场景”积木块。

看起来是这样，当我们点击“开始”按钮后，就会切换到“游戏场景”了。

你可以点击预览场景，然后点击“开始”按钮，看一下场景是否能够切换到“游戏场景”。

接下来，我们要制作“游戏场景”了，还是先从布置场景开始。

如图，层级管理中的红色方框内就是需要的所有素材了。背景，战机，敌机，蓝色子弹都是独立的部分，接下来我们会将正方形，开始，GAMEOVER三个图层组合起来，创建一个游戏结束页面。

依次选中 GAMEOVER，开始，正方形三个图层（Windows系统按住Ctrl键点选，Mac系统按住Command键点选），然后点击这三个图层任意右侧的小按钮，选择“将选中图层组成容器”。

在层级管理中会生成一个“容器-1”，然后刚才的三个图层出现在容器中，请注意，在素材管理区中也会出现一个“容器-1”的素材。

我们可以直接在编辑区中对容器中的各个图层进行大小和位置的调整，调整后的游戏结束界面看上去是这样，将“正方形”设置为黑色半透明的遮罩层，然后在上面显示“GAME OVER”，以及重新开始游戏按钮。

最后，我们把容器重新起个名字叫“游戏结束”，在资源管理器中，右键点击“容器-1”，选择“重命名”，然后设置名字为“游戏结束”。

层级管理中的容器名字会自动更新为“游戏结束”。

游戏结束界面只有在游戏结束的时候才会显示，正常游戏时不应该显示出来，所以，我们要将其隐藏起来，等到游戏结束时，再让它显示。

在层级管理中，右键点击“游戏结束”，然后选择“隐藏”。

你会发现整个“游戏结束”容器变成灰色了，而且在编辑区中也不见了。它被隐藏起来了，我们会在需要的时候再让它显示。

接下来，我们在编辑区中调整一下战机，敌机和子弹的大小，然后将得分放在左上角的位置。这样，游戏场景就布置好了。

到现在为止，我们已经完成了游戏中的所有的可见的部分，接下来我们就要逐一实现那些不可见的部分—逻辑。

游戏逻辑

在上一节中我们分析了游戏场景中主要的几个部分：战机，敌机，子弹，得分。接下来，我们会一个一个的进行实现。

首先，我们先要配置游戏中需要用到的“变量”和“通知”。

如图，我们新建了两个全局变量，一个用于记录得分，一个用于记录游戏是否结束，0 表示没有结束，1 表示游戏结束。新建了一个“敌机爆炸”的通知，每当敌机发生爆炸时就会发送这个通知，“得分数字”每当接收到这个通知时，就会将得分加一。

接着，我们先从战机开始。战机需要添加下面的逻辑：

– 当手指点击战机拖拽时要做出响应，战机位置跟随手指移动。

– 战机碰撞到敌机时，则游戏结束，显示游戏结束提示。

选中“战机”，为战机添加如下的积木块。

积木块的逻辑清晰明了，在此就不再做多余的解释了。

接着，子弹需要处理以下的逻辑：

– 游戏开始后就不停的克隆子弹。

– 当子弹被“克隆”出来后，将其位置设置在战机的位置。

– 当子弹碰撞到“敌机”时，子弹应该被销毁。

选中“蓝色子弹”，为其添加如下的积木块。

这里注意最上方的积木块“当自己移出全部边缘”，在这里我们做了删除处理，即当子弹飞出屏幕后，将其删除。因为，在游戏中有些子弹没有击中敌机，会直接向上飞出屏幕，如果我们不将其删除的话，它们会继续留在游戏中，虽然我们看不见。当这些无用的子弹累积的越来越多的时候，游戏可能就会变得卡顿。所以，对于这些飞出屏幕的无用的子弹，我们直接做删除处理。

接着，我们再处理敌机的逻辑。

– 游戏开始后就要每间隔一定的时间“克隆”敌机。

– 当敌机被“克隆”出来后，将位置设置为屏幕顶端的随机位置。

– 当子弹碰撞到敌机时，敌机销毁，并发送一个“敌机销毁”事件。

选中“敌机”为其添加如下的积木块。

这里需要特别注意以下用红框圈出的积木块“设置自己不参与碰撞”，这块积木的作用是让敌机不再参与碰撞，因为在我们的游戏中，敌机只要被一颗子碰撞到，就会发生爆炸，我们只想让敌机的爆炸逻辑执行一次，即子弹打中敌机，敌机发生爆炸，这个过程就应该结束。如果在敌机与子弹发生碰撞后，不立即将敌机的碰撞解除，那么就意味着，如果再有一颗子弹碰撞到敌机，敌机就会再发生一次爆炸，很显然，这不是我们期望的结果。

最后，我们处理得分的逻辑：

– 查看是否有“敌机销毁”事件，如果有，就将得分加一

选中“白色数字”，为其添加如下的积木块。