使用方法
- 加载带透明背景的精灵图。
- 等待精灵检测完成，然后查看预览上方显示的精灵数量、网格大小和单元格大小。
- 对比原图与重新排列后的图，然后下载 PNG 和 JSON 文件。
手绘或手动导出的精灵图常常帧尺寸不同、间距不均，这使得切分起来很麻烦。此工具使用 alpha 通道找出每个精灵，因此需要透明背景才能工作。当一个像素的 alpha 高于一个很小的阈值时，它就被视为精灵的一部分。工具会先扫描图片中的精灵行，再扫描每行内的精灵，面积远小于典型精灵的微小零散碎片会被过滤掉。
接着，精灵会被复制到由相等单元格组成的网格中。网格的布局大致为方形，单元格的宽度和高度设为所发现的最大精灵的尺寸。每个精灵放在其单元格的左侧并垂直居中。工具会在原图和重新排列后的图片旁边显示它找到了多少个精灵、以列乘行表示的网格，以及以像素为单位的单元格大小。
你会得到两个下载文件。PNG 是重新排列后的图片。JSON 文件按名称列出每一帧，包括它在新图中的位置和尺寸、源尺寸、精灵在单元格内的偏移量，以及 0 和 0.5 的轴心点。名称由你的文件名加上三位数的序号构成。
如果什么都没有检测到，页面会提示你使用带透明背景的图片。检测和重新排列都在你的浏览器中进行，图片不会被上传。
常见问题
为什么没有检测到精灵？
检测依赖透明度。如果你的精灵图有纯色背景，请先将其移除，例如使用背景移除器。
精灵按什么顺序排列？
按阅读顺序：从上往下逐行，每行内从左到右。
JSON 文件里有什么？
一个 frames 对象，包含每一帧的矩形、源尺寸、精灵偏移量和轴心点，另有一小段 meta 部分。
精灵会被调整大小吗？
不会。每个精灵保持其像素尺寸。只有间距和位置会改变。
图片会被上传到任何地方吗？
不会。一切都在你的浏览器中运行。