​Sprite-Motion-Lab：雪碧图动画编辑器

原理等后面我有空写一篇文章再说，先讲怎么用：

使用指南

先用文生图工具生成雪碧图，一个用于生成雪碧图的示例提示词如下（可以给AI让它帮你改成自己想要的）：

生成一张 4×4 的动画雪碧图：同一只可爱的虎斑猫坐着眨眼。透明背景 PNG，严格 4 列 × 4 行，共 16 个等大单元；每个单元只放一个完整动作帧；相机、比例、光照和脚底基线保持一致。每只猫都必须完整位于自己的单元内，四周至少保留 12 px 透明留白。单元之间不能重叠，不要间距线，不要文字、标签、拼贴，不要超出单元的阴影。帧顺序从左到右、从上到下：睁眼、眨眼、睁眼、歪头，然后重复并做细微自然变化。添加图片注释，不超过 140 字（可选）

比如我生成的是这样的：

然后导入到网站中：

直接下一步（如果划分还不准，这里可以自行手动调整每一帧边框）：

再下一步：

导出为Gif如下（目前用的算法重心对的还不太准，后续有时间会改进）：

Demo地址: Sprite Motion Lab · 雪碧图动画编辑器

Github地址：Sprite-Motion-Lab