精灵动画预览

循环播放多帧图像,以检查播放速度、帧顺序和画面抖动。

使用方法

  1. Choose the frame images in playback order.
  2. Set FPS and preview scale.
  3. Use 播放 to preview the looping animation.

预览主要检查什么

预览最适合发现帧顺序错误、播放节奏不均和角色视觉抖动。如果姿势本身正确,但角色在画布上跳动,常见原因是帧原点或透明边距不一致。

画布尺寸与帧对齐

当帧尺寸不同时,预览会以最大帧尺寸作为统一画布,并将较小帧居中。这样可以看出尺寸差异,但居中并不能替代明确设置的动画枢轴。

处理抖动的建议流程

将同一组帧先通过枢轴对齐工具,再用相同 FPS 重新预览。对比对齐前后的结果,更容易判断运动来自动画本身还是图像边界不一致。

Limitations

This is a preview tool and does not create GIF or video files. Frames of different sizes are centered relative to the largest frame.

FAQ

The playback order looks wrong.

The browser-provided file order is used. Numbering filenames such as 001 and 002 makes ordering easier.

相关工具

实际示例:用相同8 FPS比较对齐前后

两个动画示例都以125ms间隔(8 FPS)循环相同4帧。左侧是原始帧,右侧是枢轴对齐后。实际预览工具在Canvas中播放,并不会导出GIF。

对齐前
对齐前
对齐后
对齐后