跳过主要内容
← 返回精灵图工具

Godot 精灵图使用指南

先在 SpriteFrame 制作 PNG 精灵图,再把帧加入 Godot 的 AnimatedSprite2D。本指南说明导入步骤;SpriteFrame 不会生成 Godot 项目文件。

如何在 Godot 中使用

  1. 准备动画帧

    已有帧可用 PNG 工具,MP4 片段可用视频工具,也可使用 AI 创作。导出前检查顺序并选择每帧尺寸。

  2. 下载图集

    选择精灵图并下载 ZIP。解压 PNG 图集,保留 JSON 时序数据供参考。若导出分成多张图集,请按顺序逐张导入。

  3. 在 Godot 建立动画

    添加 AnimatedSprite2D,创建 SpriteFrames 资源,选择“Add frames from a Sprite Sheet”。打开 PNG,按图集网格设置水平与垂直帧数,再选择需要的帧。

  4. 设置播放

    在 Godot 中命名动画,设置速度和循环,并在引擎里预览。JSON 记录 SpriteFrame 中的顺序与时间,但不能自动作为 Godot 资源导入。

缩小像素风素材时可选择像素缩放。选择 Godot 网格单元前,请检查每张导出图集的排列与留白。

查看 Godot 官方文档

下载示例,练习图集导入

这是通过 SpriteFrame 导出的几何动画格式示例,不是 AI 角色生成效果展示。PNG 为一行四格,每格 96 × 96,整图 384 × 96;每帧 125 毫秒,对应 8 FPS、每轮 0.5 秒。

在 Godot 4 中,通过 AnimatedSprite2D 的 SpriteFrames 资源选择“Add frames from a Sprite Sheet”。横向设为 4、纵向设为 1,从左到右选中四格,Speed 设为 8 FPS,启用循环即可重复播放此示例。

常见问题

JSON 会自动导入 Godot 吗?

不会。请在 SpriteFrames 中导入 PNG 帧,JSON 可作为顺序与时序参考。

可以导出独立 PNG 帧吗?

可以。SpriteFrame 支持按顺序编号的 PNG 序列帧。

查看 Unity 指南 →