精灵图动画器

在浏览器中实时预览并导出您的精灵图动画。

看看您可以制作什么

精灵图 → 独立 PNG 帧 → GIF 动画

Example sprite sheetAnimated sprite example
12

没有可制作动画的帧

从分割器同步，或将多张图片拖放到此处。

分割器

动画时间轴

(0 Frames)

拖动以重新排序
没有加载任何帧。请先去精灵图分割器提取精灵图。

什么是精灵动画器？

精灵动画器 是一个轻量级测试实用程序，用于预览像素艺术动画。

它与精灵分割器工具深度集成，并允许您轻松将动画导出为高质量 GIF。

为什么要使用精灵动画器？

  • 快速原型制作: 立即测试帧定时。
  • 作品集创建: 将游戏资产转换为漂亮的 GIF。
  • 动画调试: 使用洋葱皮分析运动弧线。

功能特点:

  • 实时预览：在调整设置时实时查看动画运行效果。
  • 洋葱皮：在背景中微弱地显示上一帧和下一帧，确保动作流畅。
  • 拖放时间轴：通过在时间轴中拖动轻松重新排序。
  • 导出为 GIF：将您的帧编译为带有自定义背景色或透明度的动画 GIF 文件。
  • 可变速度: 调整全局 FPS 滑块。

使用说明:

  1. 首先，去精灵图分割器提取您的帧。
  2. 点击上面的“从分割器同步”按钮，将提取的帧加载到时间轴中。
  3. 调整 FPS 滑块来改变播放速度。
  4. 选择背景颜色，或保持透明。
  5. 点击导出 GIF 保存最终动画！

专业提示:

  • 启用洋葱皮来验证帧是否对齐。
  • 您可以直接在时间轴中拖放以修复提取时的排序错误。

常见问题 (FAQ)

问：GIF导出支持透明度吗？
答：支持！导出前请在背景下拉菜单中选择“透明”。

问：我可以导入单个图片文件夹吗？
答：可以直接导入多张 PNG、JPEG、WebP 图片或帧 ZIP，也可以同步从分割工具发送的最近结果。

问: 我可以设置单个帧的持续时间吗？
答: 目前，该工具使用全局 FPS 设置。要使一帧保持更长时间，请在时间轴中复制它。

指南与文章

传输的帧仅保存在此浏览器中，直到您清除。