[GALLERY] REV A · ASSET INDEX

免费动画精灵图

动画精灵图其实就是一张精灵图:一个动作的所有帧排在同一张图上,引擎按网格一格一格播放。这一页只收会循环播放的免费动画精灵图,也就是开始播放后就可以一直放着不管的那种:待机、行走和奔跑循环、悬停、漂浮和旋转。每一张都能在预览里直接看到动起来的样子,再决定要不要下载。

一共 14 张,分两种排列方式。SpriteGen 骑士的待机、行走和奔跑各 8 帧,排成 4×2 网格,格子 209×236 像素,三种状态可以原地切换。另外 11 张是单行 4 帧动画条,格子都是 200×267 像素:处于待机循环中的巨龙、石像魔像、巨型蜘蛛、海蛇、蝙蝠、漂浮骷髅、史莱姆和狐狸,再加上冒泡的药水、闪过高光的盾牌和旋转的金币。

开宝箱、骑士的跳跃和施法、黑骑士的战斧攻击这类单次动画播放一次就停,所以不在这一页,可以在「角色」和「RPG」分类里找到。使用循环动画时,载入 PNG,填入详情页上的格子尺寸和帧数,再打开循环即可。需要的动作这里没有,生成器可以根据一句描述画一张新的。

[01]

能无缝循环的免费动画精灵图

静态图告诉玩家这是什么,循环动画告诉玩家它是活的:史莱姆在呼吸,金币在等人来捡,巨龙坐立不安。免费动画精灵图本来就比静态图难找,而循环恰恰是廉价素材包最爱偷工减料的地方:两帧来回闪,或者最后一帧跳回第一帧时明显卡一下。

这一页的每一张都是循环动画:最后一帧能自然接回第一帧,物体在画面上待多久就能播多久。这里共有 14 张免费动画精灵图,每张都是透明背景的 PNG 精灵图,标明帧数和格子尺寸,并且都能在预览里播放,下载前就能判断动作合不合用。

[02]

本页全部免费动画精灵图一览

骑士有三段循环:举剑站岗、重心轻轻移动的待机,行走循环,以及全速奔跑。三张都是 8 帧、4×2 网格,从左到右、从上到下读,格子 209×236 像素,从待机切到行走再切到奔跑,角色一个像素都不会偏移。

八只生物在原地循环:扇动翅膀的巨龙、双眼闪光的石像魔像、挪动八条腿的机械蜘蛛、盘绕身体的海蛇、上下扑腾的蝙蝠、在空中浮动的骷髅、压扁又弹回的史莱姆,以及甩尾巴的狐狸。三件道具也在循环:瓶中冒泡的药水、表面扫过一道高光的盾牌,以及从正面转到侧边的金币。这 11 张都是单行 4 帧动画条,格子 200×267 像素,引擎里一个导入预设就能全部通用。

[03]

免费动画精灵图的帧率与节奏

循环动画容错高,但速度依然重要。大型生物放慢一些更好看,每秒 5 到 8 帧左右:巨龙、魔像和海蛇呼吸得慢,才显得沉重。蝙蝠和金币这类又小又快的东西适合每秒 10 到 14 帧。骑士待机用 6 到 8 帧,行走 8 到 12 帧,奔跑再快一点。移动速度要和动画速度对上,骑士的脚才不会在地上打滑。

盾牌的高光可以循环,但两道高光之间停顿一下更好看:播放一遍,等一两秒,再播一遍。同一段循环摆放多份时,比如一排金币或一群蝙蝠,让每一份从不同的帧开始。完全同步的循环看起来很机械,错开之后画面才有生气。

[04]

在 Phaser、Godot 和 Unity 里播放免费动画精灵图

Phaser:用 this.load.spritesheet 加载,传入详情页上的帧宽和帧高,再调用 this.anims.create,配合 generateFrameNumbers 取第 0 到 7 帧或第 0 到 3 帧,把 repeat 设为 -1 让它循环。Godot:用精灵表导入把图加进 AnimatedSprite2D 的 SpriteFrames,填入列数和行数,设置 FPS,并确认勾选了 Loop。Unity:用 Grid By Cell Size 切图,把帧拖进场景生成剪辑,保持 Loop Time 勾选。

骑士的三段循环可以放进同一个状态机:没有输入时待机,按住方向键时行走,按住冲刺键时奔跑。三张格子尺寸相同,切换时不需要任何偏移。

[05]

自己做新的免费动画精灵图

需要的循环这里没有,本站有三种办法。SpriteGen 生成器根据一句描述画出新的动画精灵图,6、8 或 12 帧可选,其中待机、行走、奔跑和飞行都是内置的循环动作。GIF 转精灵图工具在浏览器里把你手上的 GIF 动图转成精灵图。精灵图拼接工具(Sprite Sheet Maker)则把零散的单帧图片拼成一张。三种办法得到的都和这一页一样:帧间距均匀的透明 PNG,任何引擎都能循环播放。

[06]

免费动画精灵图常见问题

[+] 这些动画精灵图有多少帧?

骑士的待机、行走和奔跑各 8 帧,排成 4×2 网格。八只生物和三件道具都是单行 4 帧的动画条。

[+] 这一页的精灵图都会循环吗?

是的,这一页只收循环动画。开宝箱、骑士的跳跃和施法、黑骑士的战斧攻击这类单次动画在「角色」和「RPG」页面。

[+] 帧率设多少合适?

大型生物和待机先从每秒 5 到 8 帧开始,行走 8 到 12 帧,蝙蝠和金币这类快速的东西 10 到 14 帧,再凭肉眼微调。

[+] 下载前能预览动画吗?

能。每张卡片和详情页都会把精灵图当作实时动画播放,下载 PNG 之前就能看到循环效果。

[+] 能把 GIF 转成动画精灵图吗?

能。本站的 GIF 转精灵图工具在浏览器本地把 GIF 动图转成精灵图,不会上传到任何地方。

返回图库