SPRITE WORKFLOW GUIDE
精灵动画制作流程:从图集切分到枢轴对齐
动画抖动往往不是画面本身的问题,而是不同帧拥有不同的透明留白和原点。即使两张图片尺寸完全相同,只要脚底或身体中心落在不同坐标,连续播放时就会产生漂移。稳定的流程应该把网格切分、枢轴判断、播放检查和图集重建分开处理。
1. 先确认原始图集的规则
切分前先检查整张图片的尺寸以及预期行列。例如 1024×512 图像按 8 列 4 行切分时,每格是 128×128。如果宽高不能被行列数整除,最后一格可能被截断或出现 1 像素偏移。还要确认制作流程是否包含外边距或格子间距。
对于尺寸统一的动画帧,明确指定网格通常比自动识别可见内容更稳定,也更容易重复得到相同结果。
2. 用文件名固定帧顺序
批量选择文件时,不同系统或文件选择器返回的顺序可能与人的预期不同。建议使用 idle_001.png、idle_002.png、idle_010.png 这样的固定宽度编号。这样可以避免字符串排序把 10 放在 2 前面的问题。
3. 枢轴是游戏中的定位原点,不只是图片中心
把所有 PNG 都按几何中心对齐并不一定正确。走路动画通常更适合保持脚底接地点稳定,上半身攻击则可能更适合身体中心或武器握点。枢轴对齐的目标,是让不同帧放在同一游戏坐标时保持真正需要稳定的位置。
如果每帧透明留白不同,图片中心本身也会变化。先随意裁边可能进一步放大误差,因此应先确定最终需要保留的原点。
4. 对齐后按实际 FPS 播放检查
静态查看时很容易忽略 1~2 像素的跳动。按游戏中计划使用的 8 FPS、12 FPS 或其他速度循环播放,可以迅速发现位置误差。出现抖动时,先检查帧顺序、公共画布和枢轴,再判断是否真的需要修改原画。
待机和走路等循环动画还要特别检查最后一帧回到第一帧的边界,因为那里的一次偏移会持续重复。
5. 原点稳定后再重新合并图集
不同帧尺寸不一致时仍需要确定公共单元格。SpriteForge 的图集合并会以所选图片中的最大宽高作为格子尺寸,并把较小图片放入该空间。这样可以统一布局,但视觉居中并不能自动保证游戏枢轴正确,所以应先完成枢轴对齐。
制作检查表
- 确认整张图的尺寸能被行列数整除。
- 使用 001、002、003 这种固定宽度编号。
- 先确定脚底、身体、武器等真正需要稳定的原点。
- 用相同 FPS 对比对齐前后。
- 确认所有帧原点一致后再生成最终图集。