动画系统之2D动画

简介: 动画系统之2D动画


文章目录


动画系统之2D动画

2d动画其实就是图片的转换,每帧转换实现2d的动态效果其实这也是3d动画的实现原理,每帧改变达到动态效果

就相当于不同的图片在一定的时间里以很快的速度替换,然后给人的视觉就是动态的


Unity的动画

Animation是之前Unity仅有的动画系统,现在还有Animtor,主要是用来控制动画之间的转换的,其创建的文件也被称为状态机


2d动画

当然2d动画其实也是由animation来控制的,不同的是我们只需要使用animation将原来的位置换成图片就行了,就是说我们原来的帧上是位置,而现在的帧上面则是图片,不同的图片,所以我们需要几个图片资源作为素材

可以随便找几张图片导进去,就直接拖到project面板就行了,然后呢,将这几张图片全选上,在inspector面板上将类型改为sprite 2d然后才能够用到我们的动画里面


实例

我就随便找了几个图片作为我们的素材来进行演示,当然,因为是毫无关联的图片,所以我们无法看到素材类似于动态的效果


准备工作

打开我们的unity,然后新建一个图片对象,是的这个图片也是一个游戏对象

在hierarchy面板右键,找到UI然后选择Image

你会发现面板上不仅有Image,还有两个东西,一个就是Canvas这个是图片能显示的关键,没有她不行,当然你也应该发现了,ImageCanvas的下面,是他的下层,就相当于是Canvas文件夹里面含有Image文件夹,如果你删了Canvas的话,可想而知,Image也会消失

而另一个在本次实例中可以删除,因为我们用不上,但是如果你做别的的时候,可别试着去删除,那可是试试就逝世的,哈哈

image.png


开始简单的动画

然后我们选中Image打开Animation,创建一个动画,然后把我们的图片素材拖到帧上image.png

我准备了三个素材,将他们拖了上去,然后你可以点击那个播放按钮看看效果


结语

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

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

Unity游戏引擎宣言:

你是否热爱游戏呢?

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

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


目录
相关文章
|
1月前
|
JavaScript 开发者
HarmonyNext动画大全03-帧动画
HarmonyNext动画大全03-帧动画
16 2
|
4月前
|
前端开发 JavaScript
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
53 1
|
11月前
|
图形学 iOS开发
Unity——动效与缓动动画
Unity——动效与缓动动画
146 0
|
移动开发 前端开发 JavaScript
【前端动画】实现动画的6种方式
【前端动画】实现动画的6种方式
1192 0
|
存储 文件存储 云计算
不瞒了,我们和追光动画有一个《杨戬》!
不瞒了,我们和追光动画有一个《杨戬》!
189 0
An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
329 0
An动画基础之元件的图形动画与按钮动画
An动画优化之遮罩层动画
An动画优化之遮罩层动画
260 0
An动画优化之遮罩层动画
|
图形学
unity动画之帧动画使用
使用unity实现lol寒冰帧动画
unity动画之帧动画使用
|
JavaScript 前端开发 开发者
动画-钩子函数实现小球半场动画|学习笔记
快速学习动画-钩子函数实现小球半场动画
131 0
动画-钩子函数实现小球半场动画|学习笔记
|
前端开发
动画
动画
139 0