精灵图动画预览器

一张以网格排列时看起来没问题的图集，动起来仍可能跳帧、滑步或卡顿。每改一点就打开引擎检查太慢了。这个预览器按你设定的 FPS 播放图集，提供像素级缩放、检查帧间距的洋葱皮、适合待机动画的往返播放，以及针对包含多个动画或方向的图集的按行播放。

动画预览器使用方法

1. 拖入一张精灵图集（自动检测网格）、多张单帧 PNG，或一个 GIF 动图。
2. 如有需要，修正行列数。对于多行图集，选择其中一行来播放单个动画或方向。
3. 设置 FPS。预览中同时显示每帧毫秒数，大多数引擎要求填的就是这个值。
4. 用方向键逐帧查看，打开洋葱皮看上一帧，再试试往返播放。
5. 用像素级精确缩放放大，并切换背景，在深色、浅色和绿色上检查精灵图。
6. 以相同的速度、往返设置和背景导出 GIF。

你能得到什么

• 实时预览，1–60 fps，支持逐帧查看和键盘快捷键。
• GIF 动图，1×–8×，透明或纯色背景，可直接用于开发日志或商店页面。

适配哪些引擎

• 把在这里看起来合适的 FPS 作为动画速度填入 Godot（SpriteFrames 速度）、Unity（Sample Rate）、GameMaker（精灵速度）或 Phaser（frameRate）。
• 按行播放与大多数引擎存放 4 方向和 8 方向图集的方式一致：每个方向一行。

来自游戏开发实战的技巧

• 行走循环通常在 8–12 fps 之间看起来最自然；奔跑在 12–16 fps；待机在 4–8 fps。
• 洋葱皮以蓝色显示上一帧。如果某个肢体在两帧之间跳得很远，就加一张中间帧。
• 如果角色在滑步，说明各帧的锚点不一致。用精灵图集切割器以底部对齐重新切割。
• 也要在浅色背景上检查。在黑底上看着不错的深色描边，放到深色游戏地图上可能就看不见了。

适用场景

• 导入引擎前检查动画节奏。
• 审阅美术或素材包提供的图集。
• 把图集做成 GIF，用于社交媒体或提案文档。
• 逐行并排对比 8 方向角色的各个方向。

常见问题