2D动画软件对比,快速接入前端/游戏引擎
点击蓝字链接查看runtime/SDK详情
其中Noesis框架支持将UI文件转入游戏中播放,是免费的(也有收费选项)
runtime | 前端UI | 游戏引擎 | 工作流 | 导出 | 特色功能 | 限制 | 定价 |
---|---|---|---|---|---|---|---|
spine | JS/TS, Flutter, webGL/Canvas/webPlayer, C/C++/C#/Java | UE, Unity, Godot | 客户端 | .json, .skel, 常见图片视频格式 | IK, FFD, 网格变形, 换装, 动画混合 | 基础版$69 , 可升级至专业版$329 |
|
Lottie | JS/Canvas Win+mac+Linux | Noesis到UE,Unity 仅Unity | Figma或AE | 第三方json转GIF/MP4/APNG | 支持在线协作 | 部分AE特效受限制 | $20 ,协作版$25 |
PAG | 微信小程序, Canvas, 原生iOS+安卓, Win+mac+Linux | ×无 | 仅AE | .pag (位图BMP/矢量) | 可导入lottie | 不支持JS 部分AE特效受限制 | 开源免费&企业版 |
Rive | webJS (React,Vue,Angular) Flutter, 原生iOS+安卓 | Noesis到UE5.3, Unity | 在线编辑器 客户端 | .riv二进制文件 免费云渲染成 mp4,webm png序列,gif | 状态机(响应式动画) 骨骼 动画混合 | ①免费版仅能使用官方字体 ②操作上细节不如其他软件(无法按像素绘制,有时候114.51px这种很难调) ③界面没有汉化 ④ | 有免费版 个人版$24/月 |
简介
spine 2D
大而全,live2d也能用它做
Lottie
支持Figma/AE
做前端UI开发就得准备踩坑
放一张Figma的插件,因为我不会用AE
PAG
支持AE
做前端UI开发就得准备踩坑
PAG 动效工作流演示: https://www.bilibili.com/video/BV1mM411T7Tj
Rive
Flutter生态
Flash(Animation)
老掉牙但容易入门,纯粹的动画软件,没有对接方案
加进来纯属娱乐
总结用途
spine适合复杂的2d场景
lottie适合协作与简单动效,做起来非常快,社区的动画也很丰富,能直接用到个人网站上。除了免费版导出MP4只能导出低清版本。
思来想去,不如用blender的greasyPencil做
将spine网格变形逻辑放入blender的插件(已停更):https://github.com/ndee85/coa_tools
SmartBone插件与2D骨骼流程:https://www.youtube.com/watch?v=hcTb07V2Zgk
pixso.cn导出svg,superIO+blender导入svg(或Styriam Clipboard Paster,复制粘贴</svg>
)