【Unity游戏开发】动画系统(三)按钮动画

动画系统之按钮动画

动画系统是一个比较重要的系统,因为我们做游戏是离不开这个东西的,但是我们又不用自己做动画,而动画系统就是管理美工做的动画,我们加以修饰,使之适配我们的游戏

而按钮动画也是一个点,当然重不重要其实还是你说了算,而按钮动画适配我们的2D和3D游戏

用于UI界面

1. 按钮Botton

按钮是我们的UI系统里面的一个重要的UI组件,是交互式的,可以通过绑定时间来控制游戏,比如登录按钮注册按钮,而我们一般使用的UI是UGUI,官方内置的UI插件,也是比较好用的。

2. 创建一个Button按钮

打开我们的工程,在hierarchy面板右键UI->Button,即可创建出一个Button,而一个按钮有四个状态,分别是默认,被选中,被点击,禁用

就不一一解释了,看名字应该就知道是什么意思了

3. 按钮动画

想要改变按钮,其实有三种方法,一个是修改颜色,一个是修改按钮图像,一个是修改按钮动画

3.1 改变颜色

点击按钮后,打开inspector面板,在下面有四个选择颜色的选项,就是这四个状态

在这里插入图片描述

Normal就是默认状态的颜色

Highlighter就是被选中

Perssed就是按下

Disabled就是被禁用

禁用一般不会用到,而且使用一般也是使用灰色,所以就不改变了

我们调一下,为了明显对比,就使用红黄蓝三原色吧

在这里插入图片描述

然后我们运行Unity,试试看效果吧

在这里插入图片描述

不错,成功了

3.2 改变图片

所以,我们就需要三个图片,当然,禁用我们还不改

我们先把按钮的这个Transition修改一下,修改为Speite Swap

在这里插入图片描述

然后我们就可以改变图片了

默认的图片去上面的这个地方改

在这里插入图片描述

然后就是这个样

在这里插入图片描述

然后运行看看

在这里插入图片描述

OK,完成

3.3 改变动画

然后将Transition修改为Animation

默认动画就不用修改,命名为NormalAnimationm

被选中我们让按钮放大2倍,创建一个HighlighterAnimation

添加一个Scale的属性,将最中间的帧修改为xyz都是2,当然z不修改也是也可以的,因为UI一般都是2d的

在这里插入图片描述

然后设置按下的动画,设置为1.5倍,命名为PerssedAnimation

同样设置。

然后设置状态机,点击自动创建的Button状态机,点击Any State右键Make Transition给三个动画,然后点击左边的

在这里插入图片描述

创建3个tigger,命名为

在这里插入图片描述

然后点击箭头,设置三个tigger

在这里插入图片描述

然后运行看看效果

在这里插入图片描述

完美

结语

学习永无止境,保持学徒心理,才能勇攀高峰

欢迎喜爱Python,Unity(游戏开发引擎)的爱好者,让我们一步步走向大神,成功离得不远,也就两个字,坚持罢了!!

Unity游戏引擎宣言:

你是否热爱游戏呢?

你是否曾经幻想着有一天自己做出一款属于自己的游戏呢?

不要犹豫了,赶快学习吧!

点击链接查看Python社区:Python交流社区

点击链接查看Unity社区:游戏开发爱好者

  • 10
    点赞
  • 76
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

布小禅

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

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

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

打赏作者

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

抵扣说明:

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

余额充值