动画系统之按钮动画

举报
布小禅 发表于 2021/12/31 23:12:57 2021/12/31
【摘要】 动画系统之按钮动画

动画系统之按钮动画

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

而按钮动画也是一个点,当然重不重要其实还是你说了算,而按钮动画适配我们的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交流社区

n交流社区](https://bbs.csdn.net/forums/GuHanZhe_Python)

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

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。