为了实现动画效果,我们可以使用序列图,或者可以选择骨骼动画。这里的动画效果,并不是说图片通过变形拉伸等等实现的效果,如下图,这个就是简单的变形实现的动效。
**序列图**,比如之前文章里的像素鸟,三个不同动作的图片,通过循环播放,就实现了飞翔的动作。序列图的缺点就是通过一系列的图片实现的,占用内存多。
bird1.png
bird2.png
bird3.png
**骨骼动画**就不一样了。比如游戏中的跑动效果,所用到的图片却是几张碎图,通过骨骼工具,就做出了跑动的动画效果。
骨骼动画
在骨骼工具中查看效果。
骨骼工具中的效果
实际效果如游戏中的截图,这里gif截图会丢帧。再来看看实际使用到的图片。
制作骨骼动画用到的图片
没错,就是一些碎图,通过骨骼工具的制作,最终生成了我们需要的动态效果。
下一篇介绍如何制作一个骨骼动画。