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
image

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>

posted @ 2024-01-08 18:07  Nolca  阅读(92)  评论(0编辑  收藏  举报