精灵图 + JSON
一个打包后的 PNG 网格，并附带描述导出帧布局的 JSON 元数据。
真实输出
上传素材之前，先检查一张真实的 16 帧精灵图
这张项目自有的 4 × 4 PNG 来自 4.00 秒源视频中选定的 1.292 秒区间。每格 384 × 384，目标播放速度为 12 fps，完整示例页还提供配套 JSON 数据。
- 16 个透明帧
- 4 × 4 网格
- 1536 × 1536 PNG
- 每帧 384 × 384
精灵图工作流
从检查过的动作制作精灵图
生成、片段编辑、帧采样和文件打包都是可见的独立步骤，因此最终网格只包含你真正需要的动画部分。
- 1
选择素材
需要创造动作时上传角色原画；已有动画时导入 MP4、WebM 或 MOV。
- 2
生成或导入动作
从图片生成视频预览，或直接在工作区打开支持的动画视频。
- 3
裁剪与采样
设定有效区间、逐帧检查，并选择用多少帧表现这段动作。
- 4
导出文件包
下载带 JSON 元数据的精灵图、独立 PNG 帧，或可直接导入的引擎包。
从现有素材开始
一个精灵图工具，两种素材工作流
两条路径共享相同的导出步骤；应该从哪一步开始，取决于角色是否已经拥有可用动作。
帧与布局控制
决定精灵图中真正需要哪些内容
先检查动作，再分别选择帧数、尺寸、处理方式和文件格式；这样比直接把整段视频塞进精灵图更容易得到可用结果。
- 使用入点和出点移除不需要的开场或恢复画面。
- 逐帧检查所选区间，并用循环预览确认重复动作。
- 开始导出任务前选择输出帧数和尺寸。
- 仅在素材背景合适时使用可选的色键或抠图。
所选帧精灵网格 · PNG + JSON
导出选项
选择适合游戏流程的文件
同一次导出可以选择多种格式。把文件加入正式项目之前，请检查下载内容以及透明边缘。
PNG 序列帧 ZIP
当工具或引擎偏好独立图片时，可下载包含逐帧 PNG 的 ZIP 压缩包。
引擎包
面向 Unity、Godot 4、Unreal Paper2D 或 Cocos Creator 打包的精灵资产和导入数据。
精灵图制作常见问题
这是 AI 精灵图生成器吗？
AnimGen 可以从角色原画生成动作预览，但不会跳过检查步骤。你需要先选择有效片段和导出设置，再创建最终精灵图。
可以用自己的视频制作精灵图吗？
可以。当前 Web 流程接受 MP4、WebM 和 MOV，但文件内部的媒体编码仍需浏览器能够解码。
精灵图会包含 JSON 元数据吗？
会。精灵图导出包含 PNG 和描述帧布局的 JSON 元数据，也可以选择独立 PNG 帧或引擎包。
导出的精灵可以是透明背景吗？
导出时可以对适合的素材使用可选色键或抠图。效果会受原视频影响，正式使用前请检查细节、阴影、模糊和边缘。