游戏知识推演:精灵图集的行列编号与留白——12张小图的4列排布(记录07)

2026-10-25

一张图集中常常排列许多小图。读取小图需要同时知道编号方向、单元尺寸、外边距和格间距。把留白当作图片的一部分,会出现相邻图边缘被带入或角色周围多出空白的问题。

下面是一份输入完整的独立练习。先明确规则和端点约定,再逐项推演;可以遮住计算结果自行记录,出现差异时从第一处不同查起。每项输入都是本例设定,不代表所有游戏采用同一套规则。

本例规则与输入

编号从零开始,先填满一行再进入下一行;所有小图等宽等高。矩形右边和下边是排除端点。本例只计算整数裁切区域,不涉及纹理滤波或显示缩放。

共12张,每行4张;小图21×24,外边距4,格间距4 [0, 1, 2, 3, 4, 6, 8, 9, 11]

过程记录

图片0:行0、列0,左上角(4,4),排除式右下角(25,28),裁切宽高仍为21×24。

图片1:行0、列1,左上角(29,4),排除式右下角(50,28),裁切宽高仍为21×24。

图片2:行0、列2,左上角(54,4),排除式右下角(75,28),裁切宽高仍为21×24。

图片3:行0、列3,左上角(79,4),排除式右下角(100,28),裁切宽高仍为21×24。

图片4:行1、列0,左上角(4,32),排除式右下角(25,56),裁切宽高仍为21×24。

图片6:行1、列2,左上角(54,32),排除式右下角(75,56),裁切宽高仍为21×24。

图片8:行2、列0,左上角(4,60),排除式右下角(25,84),裁切宽高仍为21×24。

图片9:行2、列1,左上角(29,60),排除式右下角(50,84),裁切宽高仍为21×24。

图片11:行2、列3,左上角(79,60),排除式右下角(100,84),裁切宽高仍为21×24。

最末行共有4张有效图,剩余位置不参与读取。

复核与实际应用

按行按列枚举每个单元,与除法求得的行列位置比较;再把矩形面积与单张图面积核对。最末一张之后的空位不应被当成有效图片。

外边距只加一次,格间距随行列间隔累积;二者混为同一个量时,前几张可能看似正常,越靠后的图片偏移越明显。检查四角图片通常比只看第一张更有用。

练习结束后,保留输入、每一步的中间状态和最终结果。可以仅修改一个边界输入,再比较变化来自哪条规则;不要同时改动多个条件后只凭最终画面判断。若实际作品表现不同,应先确认它使用的时间、坐标或结算约定,再决定是否属于异常。