整合到一起,做出小游戏(上)

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

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


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


下方是一张素材的清单:

精灵:

- 太空背景图

- 游戏的标题,这里直接用文本

- 开始按钮

- 战机

- 敌机

- 敌机爆炸动画

- 子弹

- 游戏结束

- 用于记分的数字

- 遮罩层(用于在游戏结束时显示)


声音:

- 背景音乐

- 发射子弹的声音

- 敌机爆炸的声音

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


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

640.png


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

640.png


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

640.png


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

640.png


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

640.png


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


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

640.png


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


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

640.png


选择从素材库添加。

640.png


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

640.png


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

640.png


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


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


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


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

640.png


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

640.png


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

640.png


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

640.png


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

640.png


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


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

640.png


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

640.png


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


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

640.png


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

640.png


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

640.png


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


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


640.png

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


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

640.png


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

640.png


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

640.png


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

640.png


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

640.png


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


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

640.png


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

640.png

相关文章
|
2月前
|
开发者
不会美术也能做出好看的游戏
不会美术也能做出好看的游戏
37 0
|
Windows 容器
整合到一起,做出小游戏
终于到了真正动手做游戏的时刻,在这一节里,我会带你从头开始将我们的“太空保卫者”按照设计方案制作出来。这一节里的内容会非常的多,一遍消化不了,可以多读几遍。别着急,慢慢来。 首先,我们要准备好游戏中需要用到的所有素材。
75 0
|
算法 小程序
如何做一个泡泡龙游戏(五)
嗨!大家好,我是小蚂蚁。我们今天来继续学习泡泡龙游戏中最核心的东西:查找匹配算法。 其实这也不算是什么新东西了,如果你有看过我的其它关于消除游戏的教程,应该会知道,消除游戏的查找算法就那么一个,不论何种类型的消除游戏,这个算法的核心是不变的,只不过会根据不同类型的消除稍作调整而已。所以,如果你之前对查找算法还不是很了解的话,那么就尝试跟随着这篇教程把它彻底搞懂吧!
98 0
|
算法 小程序
如何做一个泡泡龙游戏(六)
嗨!大家好,我是小蚂蚁。 上一节中,我们学习了泡泡龙游戏中的查找算法,这个算法可以帮助我们找到所有相邻的相同颜色的泡泡,在查找完泡泡之后,再通过判断满足条件的泡泡的数量是否大于等于 3,来决定是否应该进行消除。
88 0
|
小程序
如何做个泡泡龙游戏(四)
嗨!大家好,我是小蚂蚁。在上一节中,我们学习了泡泡的发射,移动,反弹和停靠。所有的这些都是以计算的方式来实现的,我们没有选择使用物理,碰撞检测这些方式,因为泡泡龙游戏需要一定的精准性,而通过在每一帧进行计算,可以保证游戏的精准。
92 0
|
小程序 流计算
如何做个泡泡龙游戏(三)
嗨!大家好,我是小蚂蚁。今天我们来继续了解在泡泡龙游戏中,泡泡是如何发射,移动,反弹和停靠的。 这一节里会涉及到比较多的数学运算,不过完全不用担心,试着找一张纸和一支笔,画一画,很容易理解的。
110 0
|
小程序
如何做一个泡泡龙游戏(一)
嗨!大家好,我是小蚂蚁。从今天开始,我将会用几篇文章讲一下如何制作一个泡泡龙游戏,泡泡龙是一个传统经典的消除游戏,也是一个经久不衰永不过时的游戏。 这篇文章我们主要来了解一下如何设置泡泡龙游戏的初始布局。
120 0
|
小程序 索引
如何做一个泡泡龙游戏(二)
嗨!大家好,我是小蚂蚁。今天我们继续学习制作一个泡泡龙游戏。 绝大部分的泡泡龙游戏都是关卡制的,你玩过了一关,然后接着再玩下一关。每个关卡其实都是预先设计好的,闯关的过程就是游戏将一个一个设计好的关卡呈现给玩家的过程。这些关卡都是怎样设计的呢?游戏又是怎样将这些设计好的关卡呈现出来的呢?欢迎带着这两个疑问开启今天的阅读之旅。
110 0
|
算法 索引 容器
如何做一个俄罗斯方块游戏(二)
嗨!大家好,我是小蚂蚁。今天我们继续学习如何做一个俄罗斯方块游戏。整个系列教程计划按照这个流程图开展,这也是我制作整个游戏的过程,今天我们就来看一下“随机生成形状”这个模块。想要实现随机的生成形状,首先必须要知道在俄罗斯方块中一共有多少种形状(也就是我们上一节中留下的第二个问题)。
134 0
|
定位技术 开发者
如何做一个俄罗斯方块游戏(一)
从今天开始,我将开启一个新的游戏,并且顺带着会写一个新的系列教程,这个游戏就是人人都知道的——俄罗斯方块。 我一直都在做消除类型的游戏,在所有消除类型的游戏里,俄罗斯方块可以称得上是“鼻祖”了,所以,不论怎样这个系列里都不能少的了它。
115 0