+
80
-

spine与lottie哪个更好用?

spine与lottie哪个更好用?


网友回复

+
0
-

Spine 是一款针对游戏开发的 2D 骨骼动画编辑工具,提供高效简洁的工作流程,以创建游戏所需的动画。传统的帧动画每帧都需要一张图片,会产生大量的资源。每新增一个动画都会大大增加游戏的磁盘空间和内存要求,流畅播放帧率则更甚。这不仅极大增加了美工的工作量,当必须缩减动画数量以符合大小限制时,也会对最终成品产生影响。

Spine优势

最小的体积: 传统的动画需要提供每一帧图片。而 Spine 动画只保存骨骼的动画数据,它所占用的空间非常小,并能为你的游戏提供独一无二的动画。

美术需求: Spine 动画需要的美术资源更少,能为您节省出更多的人力物力更好的投入到游戏开发中去。

流畅性: Spine 动画使用差值算法计算中间帧,这能让你的动画总是保持流畅的效果。

装备附件: 图片绑定在骨骼上来实现动画。如果你需要可以方便的更换角色的装备满足不同的需求。甚至改变角色的样貌来达到动画重用的效果。

混合: 动画之间可以进行混合。比如一个角色可以开枪射击,同时也可以走、跑、跳或者游泳。(动画直接可以平滑过渡)

程序动画: 可以通过代码控制骨骼,比如可以实现跟随鼠标的射击,注视敌人,或者上坡时的身体前倾等效果。 spine资源素材

.json文件或二进制.skel文件:包含所有骨架信息(二进制形式加载更快、gc更小)

.png文件:包含当前版本所有图片的集合,也可单一素材,可导出一张或多张

.atlas文件:包含打包的图集信息,记录素材图片在雪碧图上的位置信息特征,一个atlas文件可对应多个素材图片

800_auto

Lottie一个复杂帧动画的解决方案,提供了一套从设计师使用AE到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后,使用 AE 插件 Bodymovin导出动画数据,前端直接引用lottie-web库,默认渲染方式是svg,原理就是用JS操作svg API。前端完全不需要关心动画的过程,json文件里有每一帧动画的信息,而库会帮我们执行每一帧。

Lottie之前复杂动画的实现方式

1、GIF:占用空间大,有些动画显示效果不佳,需要适配分辨率,还原度低

2、帧动画:占用空间大,适配问题

3、组合式动画:通过大量代码实现复杂动画

Lottie解决的问题

1、支持跨平台,开发成本较低,一套Lottie动画可以在Android/IOS/Web多端使用

2、还原度高、兼容性好

3、占用空间小,多分辨率适配

总结

两者的场景不一样,spine适合简单的二维游戏动画,而Lottie支持跨平台,多端运行。

我知道答案,我要回答