Unity中简单的Animation的制作

Unity中的Animation是一个很好用的功能,用来做一些简单的UI窗口的弹入弹出和背景的淡入淡出是非常方便,基本是不需要写代码的,除非你在动画播放的期间有些操作需要做,不过只要写好代码,往里面插入方法就可以在播放期间做一些操作了。介绍一下简单的一些Animation制作。

利用多种图片制作动画

首先进入Unity的界面,然后导入图片,选择需要制作成动画的图片,如下图:
Unity中简单的Animation的制作
如上图,可以用Ctrl键连续选择十一张图片,然后将选择的图片放在在Hierarchy中,这个时候会弹出文件夹自动让你保存制作的animation,做好在Assets里面新建一个Animation文件夹用来专门保存制作的动画的。这个时候基本上动画就做好了,如下图:
Unity中简单的Animation的制作
这个BIRDS_1_160就是制作的动画的第一个图片,旁边的000才是制作的动画,000下面的是这个动画的状态机,这个先不讨论,点击BIRDS_1_160按住Ctrl+6进入下面的界面:
Unity中简单的Animation的制作
整个动画是11帧从头到尾就是一遍动画,点击上面的播放按钮就可以播放,然后数字12右边的两个标志,一个是加入关键帧,另一个是在帧上添加事件,后面的哪一个就是用于在动画播放中执行一些操作。

背景的淡入淡出

淡入淡出就是在你所创造的背前面的一个不透明的图片遮挡(这里的图片就是用UGUI中的Image制成,但是不要添加图片,只需要将Color改成黑色即可),然后透明度可以利用Color中的A自行调节,如下:
Unity中简单的Animation的制作
调好透明度后,这个时候,会发现背景看起来很暗淡;
Unity中简单的Animation的制作
Unity中简单的Animation的制作
这个时候再点击用来遮罩的Image(图片),按住Ctrl+6进入Animation的编辑,
Unity中简单的Animation的制作
先是像上面制作图片动画一样保存动画文件,名称任意,这里图片中动画的名称是exit,然后点击Add Property,再点击Image(这是由于没有对Image进行改名),然后点击Image下面的Color旁边的加好标志,就进行下一界面:
Unity中简单的Animation的制作
已经添加了Image.Color,然后点开它,就可以看到四行数据,使用最后一行,其他的不做改变,首先将点击0.00位置的帧,然后发现Color的四行数据最后一行是你设置的不透明度的数据,但是在第0帧,应该保持背景的清晰,也就是背景不暗淡的时候,所以将不透明度改为0,然后检查最后一帧的第四行不透明度数据,最后一行的不透明度数据不能为0(正常情况下应该是第一帧没有改变之前的数据),不然整个动画就没有效果,点击播放按钮,看有没有变化,这个做的是淡出的效果,关于淡入的效果就是将最后一帧的不透明度数据改为0,第一帧不做改变,其他步骤和淡出相同。
额外补充:在Animation里面点击你所做的动画,注意不是状态机,然后将LoopTime的√勾掉,这个就表示动画只播放一次。
Unity中简单的Animation的制作

弹框制作

弹框制作和上面的淡入淡出没有什么区别,就是遮挡的Image不需要将整个背景遮挡住(当然也可以全部遮挡住),然后如图:
Unity中简单的Animation的制作
弹出
Unity中简单的Animation的制作
弹回
分别将左右Image的两个PosX的数据记录下来,进入Animation的编辑界面,同样是先存储动画文件:
Unity中简单的Animation的制作

Unity中简单的Animation的制作
Unity中简单的Animation的制作
根据上图的操作,然后将上面得到的两个数据填入Anchored Position.x的框里面,第一帧填一个,最后一帧填一个,注意不能填反,第一个数据对应第一帧,第二个数据填最后一帧,然后点击播放就可以了。