动画精灵图其实就是一张精灵图:一个动作的所有帧排在同一张图上,引擎按网格一格一格播放。这一页只收会循环播放的免费动画精灵图,也就是开始播放后就可以一直放着不管的那种:待机、行走和奔跑循环、悬停、漂浮和旋转。每一张都能在预览里直接看到动起来的样子,再决定要不要下载。
一共 14 张,分两种排列方式。SpriteGen 骑士的待机、行走和奔跑各 8 帧,排成 4×2 网格,格子 209×236 像素,三种状态可以原地切换。另外 11 张是单行 4 帧动画条,格子都是 200×267 像素:处于待机循环中的巨龙、石像魔像、巨型蜘蛛、海蛇、蝙蝠、漂浮骷髅、史莱姆和狐狸,再加上冒泡的药水、闪过高光的盾牌和旋转的金币。
开宝箱、骑士的跳跃和施法、黑骑士的战斧攻击这类单次动画播放一次就停,所以不在这一页,可以在「角色」和「RPG」分类里找到。使用循环动画时,载入 PNG,填入详情页上的格子尺寸和帧数,再打开循环即可。需要的动作这里没有,生成器可以根据一句描述画一张新的。
红发剑士行走精灵图
Black-Hat Mage Idle Sprite Sheet
Tread-Legged Robot Walk Sprite Sheet
Blue-Haired Pot-Lid Girl Idle Sprite Sheet
Bearded Hooded Character Idle Sprite Sheet
Orange Flat-Top Duck Walk Sprite Sheet
Navy Cap Brawler Walk Sprite Sheet
White Jersey Footballer Walk Sprite Sheet
Anime Pharaoh Mummy Girl Fire Orb Sprite Sheet
Anime Pharaoh Mummy Girl Idle Sprite Sheet
般若面具漂浮动画
16-bit Dark Knight Walk Cycle Sprite Sheet
Blue-Skinned Zombie Woman Walk Cycle Sprite Sheet
Chibi Leaf Spirit Side-View Sprite Sheet
Leaf Spirit Back-View Walk Cycle Sprite Sheet
Chibi Priestess Idle Breathing Sprite Sheet
像素骑士待机精灵图
像素骑士行走循环精灵图
像素骑士奔跑精灵图
像素巨龙 Boss 待机精灵图
像素石像魔像待机精灵图
像素巨型蜘蛛待机精灵图
像素海蛇待机精灵图
像素蝙蝠飞行精灵图
像素漂浮骷髅精灵图
像素史莱姆弹动精灵图
像素狐狸伙伴待机精灵图
像素药水瓶精灵图
像素盾牌闪光精灵图
像素金币旋转精灵图
静态图告诉玩家这是什么,循环动画告诉玩家它是活的:史莱姆在呼吸,金币在等人来捡,巨龙坐立不安。免费动画精灵图本来就比静态图难找,而循环恰恰是廉价素材包最爱偷工减料的地方:两帧来回闪,或者最后一帧跳回第一帧时明显卡一下。
这一页的每一张都是循环动画:最后一帧能自然接回第一帧,物体在画面上待多久就能播多久。这里共有 14 张免费动画精灵图,每张都是透明背景的 PNG 精灵图,标明帧数和格子尺寸,并且都能在预览里播放,下载前就能判断动作合不合用。
骑士有三段循环:举剑站岗、重心轻轻移动的待机,行走循环,以及全速奔跑。三张都是 8 帧、4×2 网格,从左到右、从上到下读,格子 209×236 像素,从待机切到行走再切到奔跑,角色一个像素都不会偏移。
八只生物在原地循环:扇动翅膀的巨龙、双眼闪光的石像魔像、挪动八条腿的机械蜘蛛、盘绕身体的海蛇、上下扑腾的蝙蝠、在空中浮动的骷髅、压扁又弹回的史莱姆,以及甩尾巴的狐狸。三件道具也在循环:瓶中冒泡的药水、表面扫过一道高光的盾牌,以及从正面转到侧边的金币。这 11 张都是单行 4 帧动画条,格子 200×267 像素,引擎里一个导入预设就能全部通用。
循环动画容错高,但速度依然重要。大型生物放慢一些更好看,每秒 5 到 8 帧左右:巨龙、魔像和海蛇呼吸得慢,才显得沉重。蝙蝠和金币这类又小又快的东西适合每秒 10 到 14 帧。骑士待机用 6 到 8 帧,行走 8 到 12 帧,奔跑再快一点。移动速度要和动画速度对上,骑士的脚才不会在地上打滑。
盾牌的高光可以循环,但两道高光之间停顿一下更好看:播放一遍,等一两秒,再播一遍。同一段循环摆放多份时,比如一排金币或一群蝙蝠,让每一份从不同的帧开始。完全同步的循环看起来很机械,错开之后画面才有生气。
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 勾选。
骑士的三段循环可以放进同一个状态机:没有输入时待机,按住方向键时行走,按住冲刺键时奔跑。三张格子尺寸相同,切换时不需要任何偏移。
需要的循环这里没有,本站有三种办法。SpriteGen 生成器根据一句描述画出新的动画精灵图,6、8 或 12 帧可选,其中待机、行走、奔跑和飞行都是内置的循环动作。GIF 转精灵图工具在浏览器里把你手上的 GIF 动图转成精灵图。精灵图拼接工具(Sprite Sheet Maker)则把零散的单帧图片拼成一张。三种办法得到的都和这一页一样:帧间距均匀的透明 PNG,任何引擎都能循环播放。
骑士的待机、行走和奔跑各 8 帧,排成 4×2 网格。八只生物和三件道具都是单行 4 帧的动画条。
是的,这一页只收循环动画。开宝箱、骑士的跳跃和施法、黑骑士的战斧攻击这类单次动画在「角色」和「RPG」页面。
大型生物和待机先从每秒 5 到 8 帧开始,行走 8 到 12 帧,蝙蝠和金币这类快速的东西 10 到 14 帧,再凭肉眼微调。
能。每张卡片和详情页都会把精灵图当作实时动画播放,下载 PNG 之前就能看到循环效果。
能。本站的 GIF 转精灵图工具在浏览器本地把 GIF 动图转成精灵图,不会上传到任何地方。