实际示例:将128×32图集切成4帧
把128×32 PNG设置为4列、1行后,会按照与实际工具相同的网格规则得到4张32×32帧图。透明留白被故意设置得不同,以便继续观察枢轴对齐。
Split an evenly gridded sprite sheet into individual PNG frames. The file stays in your browser.
帧宽度按图像宽度除以列数计算,帧高度按图像高度除以行数计算,并使用整数像素。随后按从左到右、从上到下的顺序读取帧。
适用于每一帧都占用相同尺寸网格单元的图集。对于不规则矩形打包、旋转精灵、包含独立间距信息或引擎专用图集文件的情况,应使用原始图集元数据,而不是简单按行列切分。
切分动画图集后,建议先使用枢轴对齐工具,再进行动画预览。这样更容易区分真实的动画位移与透明边距或帧原点不一致造成的视觉抖动。
此工具适用于每一帧尺寸相同的规则网格图集。如果图像尺寸不能被行数和列数整除,边缘剩余像素可能会被忽略。
不会。仅在浏览器内存中处理。
Frames start at the top left and proceed horizontally.
把128×32 PNG设置为4列、1行后,会按照与实际工具相同的网格规则得到4张32×32帧图。透明留白被故意设置得不同,以便继续观察枢轴对齐。