开发属于你的第一款游戏!!!

前言

相信每个人都对游戏有着或多或少的兴趣,那何不动手试着制作属于自己的一款游戏呢。本指南是一篇基于微信小游戏制作工具 (qq.com),对经典游戏——"打飞机"的全方位开发介绍,相信只要你跟着这篇文章一步一步地制作,那么你也一定可以制作出属于自己的“打飞机”小游戏。

成品示例打飞机_哔哩哔哩bilibili

创建一个新项目

单击“新建小游戏”按钮。将出现一个对话框,询问一些信息。你无需进行任何更改,但是你可以根据需要输入项目的名称。

1.png

屏幕左上角的主视图是布局视图。这是你在其中创建和放置精灵的设计视图。可以将布局想像为游戏关卡或菜单屏幕。在其他工具中,这可能被称为房间,场景或框架。

添加对象

让我们添加游戏所需的对象。一种简单的背景制作方法是在布局上重复图像,平铺背景精灵可以为我们做到这一点。首先,在上面的背景图片上,单击鼠标右键并将图片另存为到你的计算机中的某个位置。在工具的右上角将图片导入。

弹出对话框,切换到我的素材,上传素材。将刚保存的图片拖到该界面上。

选择刚上传的图片,导入到项目中。

导入图片后,在属性面板选择精灵的填充方式为平铺。

然后设置精灵的宽高,设置为宽为2000,高度为1000,可以看到背景图铺满了画布,你可以调整下位置。

让我们查看一下我们的布局视图。按住Control键并向下滚动鼠标滚轮以缩小视图。你也可以按住鼠标右键进行平移。你平铺的背景现在应该覆盖整个布局。

点击下图按钮以返回1:1视图。

添加游戏对象

现在该添加我们的游戏对象了!这是你的图像-与以前处理背景图像一样,将它们全部保存到计算机中。

主角图片:

1.png

敌机图片:

1.png

子弹图片:

1.png

爆炸图片:

1.png

以上图片素材都能在官网素材库中找到

1.png

对于每个对象,我们将添加一个精灵对象。 精灵仅显示图像,你可以在其中移动,旋转,调整大小以及选择设置动画。游戏通常主要由精灵对象组成。让我们将以上四个对象中的每一个添加为精灵对象。该过程类似于插入平铺背景。

将子弹和爆炸精灵移到布局边缘之外的某个地方,我们不想在游戏开始时看到它们。

事件

所有的事件都是跟对象绑定在一起的,也就是说事件是和对象强关联。一个对象可以有很多类型的事件,也可以绑定多个相同类型的事件。

1.png

点击添加事件按钮,可以看到一个事件列表,这些事件列表基本可以满足游戏开发的需要。这里就不挨个展开解释,更多可以查看手册。

第一个事件

我们要使主角由手指控制移动位置。完成后,它将看起来像这样:

更多游戏逻辑

接下来是要让主角发射子弹,我们暂且定义子弹自动发射。​

因为子弹是一个可以被复用的对象。那么这里我们需要克隆这个积木。

那么克隆子弹后要怎么做呢,这个时候需要选中子弹,给子弹添加逻辑。
 


有一个事件叫做“当作为克隆体启动的时候”,就是对象被克隆的时候会触发该事件。那么这个时候需要对子弹做一些动作,比如移到主角位置,并且朝外发射出去。
 


这样就能发射一个子弹,通过设置移动步数的大小控制子弹的速度。
在运行游戏试试看,就完成了主角发射子弹的逻辑。

子弹消灭敌机

这个逻辑只要判断敌机与子弹发射碰撞就可以了。接着主角要发射子弹杀怪。添加一个当子弹碰到敌机的事件,只有添加这个事件了,才会进行碰撞检测。请注意,如果游戏逻辑中没有需要判断碰撞的地方,请不要添加这个事件。

当敌机被杀的时候出现一个爆炸的动画。

选中敌机对象,属性面板,点击选择造型按钮

在素材库选中爆炸对象导入到造型中。默认选中非爆炸对象。​

逻辑非常简单,当碰到了子弹就切换造型并播放造型动画就行了。 

更多怪物

如何源源不断的产生敌机呢,这个就要依赖克隆的积木来实现。每间隔随机的几秒,就克隆一个敌机。添加一个当作为克隆体启动,设置克隆体的位置,已经被克隆后朝着主角运动。具体代码如下: 

得分

除了特效,那有就是要统计主角杀了多少个敌机得分。

得分,让玩家知道他们的表现如何。为此,我们需要另一个变量。你可能会认为“让分数成为玩家的实例变量之一!”。这不是一个坏主意,但请记住,该值存储在“对象”中。如果没有实例,也没有变量!因此,如果我们销毁了玩家,我们将无法再说出他们的分数,因为它被玩家摧毁了。

相反,我们可以使用全局变量。像实例变量一样,全局变量(或仅是“全局”)可以存储文本或数字。每个变量可以存储一个数字或单个文本。全局变量在所有布局中也可用于整个游戏-如果我们要添加其他级别,则非常方便。
 

1.png


输入分数作为名称,变量值默认从0开始。


点击添加按钮,新增一个数字对象,在素材库任选一个数字。当然你也可以自己上传一款特别的数字样式。
 

1.png


选中数字,比较简单的方式是每一帧同步变量“得分”的值。积木代码如下:
 


有了变量,那么要让得分增加,当子弹击中敌机的时候,然后让得分加1

完成

我们快完成了。让我们添加一些最后的修饰。

让敌机杀死玩家。


如果失败了,点击文字,重新开始游戏。

想进一步吗?以下是一些补充说明:

让玩家获得击杀敌机的分数。你可以调整每种情况下获得的分数。
添加另一种敌人!
添加另一种武器,该武器使用不同的鼠标按钮或键盘控件。
添加音频对象,导入一些声音文件,并添加声音效果或音乐。
添加标题屏幕。使用系统对象转到布局操作可在它们之间切换。
在关卡设计中引入一些风景或障碍。
添加“游戏结束”场景,或在玩家死亡时进行其他操作。

结论

恭喜,你已经在小游戏可视化中创建了自己的第一款游戏!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

We3le7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值