前言
我又给大家带福利来了！今天想要给大家介绍的是我刚发布的一个网站，用来快速将序列帧图片生成Spine动画。
网站地址：Spine序列帧动画生成器
使用教程：Bilibili视频教程
痛点
为什么做这个网站？其实还是自己开发游戏的需要，感觉到了一个痛点，就是如果我想让代码统一管理动画系统的时候（这样也好裁剪不要的模块，减少包大小），那就意味着必须得拥抱一个动画系统。Cocos提供了3种选择，Spine，Dragonbones还是自带的动画系统。考虑到各种因素，我个人还是更倾向于使用Spine。但是最让人郁闷的是，Spine中如果想要制作最简单的序列帧动画，反而异常的麻烦，需要一帧一帧的拖，如果这个动画复杂一些，那想想都费劲。（其实DragonBones这块就做的好些，支持快速制作序列帧动画）。
有人也许会问，都用Spine了，为啥还搞序列帧动画？这种问题对于开发过游戏的人应该都清楚，并不是所有的精灵角色都需要复杂的骨骼动画，那会使你的开发成本和时间将几何程度上升。所以，退而求其次，对于不重要的怪物或者特效，选择序列帧动画就会容易很多，而且很多游戏素材网站上提供的了大量且丰富的序列帧图片。
工作原理
又到了工作原理部分，其实当我遇到这个痛点后，这个想法就在我脑子里盘绕，既然Spine动画每次导出的只是三个文件：
- png
- altas
- json
而且这种简单的序列帧动画只需要在json中控制好帧频与spine定义的约束，而且支持一下spine动画的多animation，一切不就okay了嘛。所以工作原理还是非常清晰且简单的，主要分为以下几步：
- 针对每组动画，上传多张序列帧图片或者一张大的图片包含多个序列帧图
- 每组动画，可以指定名称和帧频
- 然后将所有动画的png合并起来，
- 创建altas文件来描述清楚合并后图片的每帧的位置和大小
- 创建json文件来描述清楚每组动画
Demo
上一张网站截图，生成过程很直接，生成好了就可以直接打包下载。我建议感兴趣的还是得自己去试试，网站链接在最上面。
写在最后
经常看到大佬在群里分享知识，获益不少。深刻体会到独立游戏开发者的不易，所以将自己的一些能够提升效率的工具分享到这里。希望大家能够喜欢。
如果感兴趣，可以关注一下我的Bilibili。
后面应该还会对这个网站做优化，比如对制作出的spine动画在线预览，比如更加智能些，将视频转序列帧图片然后抠图再制作spine动画，流水线操作（这个是我理想中的工具，现在想的可能有点太过美好）。
最后，再做一个小广告，我之前开发的两款Cocos控件，有兴趣可以看一看。
，还真是丝滑