视频转精灵图集

大多数视频转精灵图工具只是按固定间隔抓帧就结束了。做一次性特效还行，但做行走循环时，你会得到一张循环处卡顿的图集、每条描边上都带绿边，而且因为每帧单独裁剪，角色还会抖动。这个工具帮你解决这三个问题：找出动作的周期，用边缘去溢色抠掉背景，并用同一个裁剪框裁切每一帧。

视频转精灵图集使用方法

1. 拖入 MP4、WebM 或 MOV。在纯绿、洋红、蓝色或白色背景前拍摄或渲染的角色效果最干净。带 Alpha 通道的 WebM 在 Chrome 和 Edge 中会保留透明度。
2. 设置你需要的片段起止点（最长 30 秒）和捕获尺寸，然后点击提取帧。片段会播放一遍，同时捕获每一个解码出的帧。
3. 如果动作是重复的，工具会找到一个完整周期并选中它。选择图集需要多少帧，它们会均匀分布在周期中，并去掉收尾帧，让循环没有卡顿。
4. 检查背景抠像。自动模式会从帧的边缘读取背景色；如果判断错了，就在源帧中点击背景。调整容差、边缘柔化、去溢色和收缩 1px，结果会实时更新。
5. 设置最大帧尺寸。如果想要硬边和所有帧统一的调色板，请打开像素化。
6. 导出带 Aseprite、Phaser/TexturePacker、Godot 或 CSS 数据的 PNG 精灵图集、GIF 动图，或者包含以上全部内容和单帧的 ZIP。

你能得到什么

• PNG 精灵图集，透明背景，按网格排列（自动或固定列数，可选内边距）。
• 帧数据：Aseprite JSON、Phaser/TexturePacker JSON（hash 或 array）、Godot 4 SpriteFrames .tres、带逐帧关键帧动画的 CSS 精灵类，或 Unity 切片设置。
• GIF 动图，任意整数倍缩放，透明或黑/白背景。
• ZIP 包，含精灵图集、GIF、全部数据格式以及每一帧的单独 PNG。

适配哪些引擎

• Godot 4：把 PNG 和 .tres 放进同一个文件夹，然后把 SpriteFrames 指定给 AnimatedSprite2D。如果 PNG 放在别处，修改第一行的 res:// 路径即可。
• Unity：将 PNG 以 Sprite (Multiple) 导入，Filter Mode 设为 Point，然后用 Unity 设置文件里的数值按 Grid By Cell Size 切片。
• Phaser 3 和 PixiJS：将 PNG 与 TexturePacker JSON (hash) 作为图集加载。JSON 中还按顺序列出了动画的帧名。
• GameMaker、Defold、Construct、RPG Maker：按导出设置下显示的帧尺寸，把 PNG 作为条带或网格导入。

来自游戏开发实战的技巧

• 拍摄或渲染时选用角色身上没有的背景色。绿衣主角用洋红最保险；红色或粉色的东西用绿色。
• 角色周围留出余量。如果肢体超出画面，统一裁剪也救不回来。
• 行走和奔跑循环用 8 帧、10–12 fps，在 32–64 px 下效果很好。待机动画可以用 4–6 帧往返播放，节奏可以在精灵图集转 GIF 里预览。
• 如果抠像后描边仍带色边，稍微提高边缘柔化并保持去溢色开启。只有残留彩色光圈时才打开收缩 1px。
• 在最终游戏尺寸下进行像素化。把 512 px 的帧用统一调色板缩到 48 px，比缩放一张已经像素化的图集好看得多。

适用场景

• 把转描用的参考视频变成原型阶段的占位动画。
• 从 AI 生成的绿幕角色片段中提取循环动作。
• 无需搭建渲染管线，把 Blender 或 Spine 的渲染结果转成精灵图集。
• 把以视频形式渲染的特效（烟雾、魔法、水花）做成精灵图集放进游戏。

常见问题