Toolkitly

教程

从画完一张精灵图到把它塞进游戏里,中间会遇到的素材问题——每篇只讲一个,讲透。

如何拆分精灵图

算准网格,把每一帧导成 PNG,再导入你的引擎。

如何放大像素画而不模糊

邻近采样、整数倍放大,还有那些会毁掉成果的导入设置。

如何制作精灵图

单元格尺寸、帧顺序、间距,以及各引擎读图所需的设置。

如何把精灵图转成 GIF

网格、逐帧时长、透明通道——以及这个格式本身的硬限制。

如何在 Godot 中导入精灵图

用 AnimatedSprite2D 切帧、关掉模糊,并知道 Godot 什么时候切不动。

如何在 Unity 中导入精灵图

Sprite Mode、Sprite Editor 的三种切法,以及那些会悄悄毁掉像素画的导入设置。

如何在 Phaser 中加载精灵图

spritesheet 与 atlas 之争、以像素为单位的 frameWidth、generateFrameNumbers,以及 file:// 下为什么什么都加载不出来。

如何把图片转成 Game Boy 调色板

四档颜色、一个决定画面还读不读得出来的设置,以及多余颜色偷偷回来的地方。

如何缩放 UI 面板而不把边框拉变形

四个数字把四角固定住——而三个引擎的默认拉伸模式又把它毁掉。

位图字体显示成错误的字符怎么修

它错开了一位。这里讲清是什么让它错位、怎么找到位置,以及另外四种值得知道的故障。

怎么让精灵图在杂乱背景上看得清

先转成灰度诊断。然后是那个不该用纯黑的描边颜色,以及三种不靠描边的解法。

怎么修精灵表切图错位

拿第一帧和最后一帧比。误差涨不涨,直接告诉你是四种里的哪一种。

怎么修掉地块和精灵图之间的接缝

三种成因,一个症状。缝会不会随镜头移动而闪,就能告诉你是哪一种。