【游戏开发实战】使用Unity 2019制作仿微信小游戏飞机大战(四):主角飞机序列帧动画

零、教程目录

使用Unity 2019制作仿微信小游戏飞机大战教程已完结。
文章目录如下:
《第一篇:开始游戏界面》
《第二篇:搭建基础游戏框架》
《第三篇:战斗界面UI》
《第四篇:主角飞机序列帧动画》
《第五篇:主角飞机的飞行控制》
《第六篇:根据配置随机生成敌机》
《第七篇:主角飞机碰撞与爆炸》
《第八篇:主角飞机开炮》
《第九篇:敌机受击与爆炸》
《第十篇:敌机血量与得分》
《第十一篇:核弹掉落与全屏炸机》
《第十二篇:敌机开炮》
《第十三篇:游戏暂停、结束与重新开始》

一、前言

嗨,大家好,我是新发。相信很多人玩过微信小游戏经典的飞机大战,如下:
在这里插入图片描述
想重温或体验微信这款经典的飞机大战的同学可以点这里:https://gamemaker.weixin.qq.com/ide#/
在这里插入图片描述

在网上已经有一些人已经出了Unity的制作教程,但是比较陈旧,里面使用了已经弃用的组件和写法,用了很陈旧的NGUI版本,如果使用Unity 2019或以上版本打开会各种报错,对新入门Unity的同学不大友好。

于是,我决定写一个全新的教程:《使用Unity2019制作仿微信小游戏飞机大战》,会使用最新的写法,并且使用尽量简洁的设计与代码来完成。

本教程的工程已上传到Github,感兴趣的同学自行下载学习。
喜欢的同学记得给个星星~
Github地址:https://github.com/linxinfa/UnityAircraftFight
在这里插入图片描述
Unity游戏开发有任何问题的,都欢迎在评论区留言,我都会看到的,并会进行认真解答,希望能帮助到想学Unity开发的同学,共勉。

二、本篇目标

主角飞机序列帧动画。
本篇的效果:
在这里插入图片描述

三、导入图片资源

将主角飞机序列帧图片资源导入Unity工程中。第1、2张是正常飞行状态的序列帧图,第3、4、5、6张是飞机爆炸的序列帧图。
请添加图片描述请添加图片描述
请添加图片描述请添加图片描述请添加图片描述在这里插入图片描述

如下:
在这里插入图片描述

四、序列帧动画创建

我们要创建序列帧动画,所以先创建一个Animations文件夹用来存放动画文件。
在这里插入图片描述
选中第1、2两张图拖动到场景中。
在这里插入图片描述

此时会询问你保存动画文件,将其保存为PlayerNormal.anim,存放在Animations文件夹中。
在这里插入图片描述
此时可以看到场景中显示了主角飞机aircraft_1,并且生成了动画文件:aircraft_1.controllerPlayerNormal.anim
在这里插入图片描述
将动画控制器aircraft_1.controller重命名为Player.controller,将场景中的节点aircraft_1重命名为Player,并保存为预设Player.prefab,存放到Resources/Player文件夹中。
在这里插入图片描述
同理,将爆炸序列帧图制作成动画PlayerExplode.anim
只留原来的Player.controller文件,如下:
在这里插入图片描述

五、动画状态机

关于Animator更详细的教程,可以参见我之前写的这篇文章:《Unity动画状态机Animator使用》

1、添加动画到状态机中

双击打开Player.controller,此时会打开Animator窗口。
在这里插入图片描述
可以看到,动画状态机中,只有一个PlayerNormal,我们需要把PlayerExplode拖进来。
在这里插入图片描述

2、添加动画过渡

添加一个从PlayerNormalPlayerExplode的过渡。在这里插入图片描述

3、添加变量

飞机从正常状态过渡到爆炸状态需要添加一个条件判断,而条件判断需要根据变量来判断,所以我们需要先添加一个变量。
点击Paramenters标签页,点击+号,选择Bool,即可添加一个Bool类型的变量。
在这里插入图片描述
变量名重命名为explode,默认值为false
在这里插入图片描述

4、设置过渡条件

如下,设置过渡条件为:explodetrue时。
在这里插入图片描述

六、运行测试

运行Unity,测试效果如下:
在这里插入图片描述
此时,把explode勾选为true,就会过渡到爆炸动画状态。
在这里插入图片描述

七、下篇预告

主角飞机的飞行控制。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

林新发

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

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

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

打赏作者

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

抵扣说明:

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

余额充值