动画系统之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游戏引擎宣言:

你是否热爱游戏呢?

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

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


目录
相关文章
|
28天前
|
前端开发
Filp动画
Filp动画基于First、Last、Inverse、Play四步实现复杂前端动画效果。首先记录元素初始位置,接着记录目标位置,然后使用transform属性将元素逆向平移回初始位置,最后通过移除transform并添加transition属性实现平滑动画效果。这是一种高效解决CSS不支持过渡动画问题的方法。
31 1
|
2月前
|
JavaScript 开发者
HarmonyNext动画大全03-帧动画
HarmonyNext动画大全03-帧动画
28 2
|
5月前
|
前端开发 JavaScript
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
59 1
|
图形学 iOS开发
Unity——动效与缓动动画
Unity——动效与缓动动画
158 0
|
移动开发 前端开发 JavaScript
【前端动画】实现动画的6种方式
【前端动画】实现动画的6种方式
1237 0
|
存储 文件存储 云计算
不瞒了,我们和追光动画有一个《杨戬》!
不瞒了,我们和追光动画有一个《杨戬》!
198 0
An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
342 0
An动画基础之元件的图形动画与按钮动画
|
JavaScript 前端开发
【jQuery动画】停止动画、淡入淡出、自定义动画
动画队列中所有动画都是按照顺序执行的,默认只有当前的一个动画执行完毕,才会执行后面的动画。为此,jQuery提供了stop()方法用于停止动画效果。通过此方法,可以让动画队列后面的动画提前执行。
An动画优化之遮罩层动画
An动画优化之遮罩层动画
278 0
An动画优化之遮罩层动画
|
图形学
unity动画之帧动画使用
使用unity实现lol寒冰帧动画
unity动画之帧动画使用