实用创作流程
对齐精灵帧锚点:加透明留白,不重画

不同裁切尺寸的快递员精灵帧共用同一个中心位置时,脚部会跳动。改画角色可能带来新问题。更合适的准备是统一帧尺寸,并明确选择供引擎解释的接地点。
我们在 Ciyo 的文件工作区绘制三个虚构的像素精灵,再把它们放入共同的帧。脚部锚点是预先提供的坐标,并非自动发现的引擎原点。下载文件准确保留原图矩形;导入引擎和播放动画仍需另行检查。
添加留白前先记录锚点
选择一致且有意义的点,例如接地的鞋底,并说明坐标从哪里算起。角色的视觉中心、包围盒中心和脚部接地点并不是同一件事,应按游戏需求选择。
本例原图是紧密裁切、二值透明的 RGBA 绘图。A 为 18×22,局部锚点 (9,21);B 为 20×20,锚点 (10,19);C 为 16×24,锚点 (8,23)。坐标原点在左上角像素。

选定共同帧和接地点
我们选择透明的 32×32 帧,共同锚点为 (16,28)。平移后的完整原图必须装得下。如果任何一侧会被裁掉,先加大帧或修改共同点,再保存输出。
偏移量等于共同锚点减去局部锚点,这是整数平移,不是缩放。若目标是保留已经确认的帧,就不要同时要求新姿势或更柔和的轮廓。
| 帧 | 原图 | 局部锚点 | 粘贴偏移 | 共同锚点 |
|---|---|---|---|---|
| A | 18×22 | (9,21) | (7,7) | (16,28) |
| B | 20×20 | (10,19) | (6,9) | (16,28) |
| C | 16×24 | (8,23) | (8,5) | (16,28) |
直接复制像素到透明帧
Ciyo 把完整 RGBA 原图矩形直接复制到输出中。把 alpha 当作粘贴蒙版可能混合像素,而不是直接复制;若要保留半透明边缘,应明确操作方式。
这里的原图只有透明或不透明 alpha,但直接复制仍能避免无谓混合。保留原图和准备后的帧,方便重复比较。
把现有 RGBA 精灵放入透明的 32×32 帧。共同锚点为 (16,28),局部锚点为 A (9,21)、B (10,19)、C (8,23),均以左上角像素为原点。分别直接复制 RGBA 到 A (7,7)、B (6,9)、C (8,5),不要缩放或重画。重新打开输出,准确比较完整原图矩形,并确认区域外 alpha 为 0。返回文件和锚点清单。核对文件中的原图区域与空白边缘
我们独立下载并解码三个准备后的帧。每个原图矩形的 RGBA 像素都完全相同,区域外所有像素的 alpha 都是 0,接地点都落在 (16,28)。这些核对证明的是文件准备,并非动画控制器行为。
Ciyo 发现第一张对照板的标签重叠,制作了修正后的最终板。移除旧草稿后,干净的保存布局需要刷新页面才能显示。我们保留了记录;画布显示安排没有改变精灵文件。

转换成目标引擎的坐标约定
引擎可能用归一化点、相对中心的偏移或其他规则表示原点。此清单有意采用左上角像素坐标,不要未经含义转换就把数字填入其他引擎字段。
导入一小段序列,按需要关闭意外的平滑,并检查播放时的接地位置。共同接地点能减少一种视觉抖动来源,但无法修复姿势、时序或绘图不一致。
随帧交付锚点清单
把原图尺寸、局部锚点、粘贴偏移和共同锚点一起交付,同事就能核对位置,而不必从截图猜测。下方保留的 JSON 包含实际文件名和检查结果。
换一组精灵时,应从已确认的绘图选择接地点,重新核对是否装得下和像素是否相同。透明留白提供一致容器,不会自动推断每个角色正确的物理锚点。
实用问答
帧留白和图集间距是一回事吗?
不是。这里通过留白对齐各帧选定的接地点;图集间距分隔打包后的图片,减少采样串色。
这些锚点在游戏引擎中测试过吗?
没有。它们是准备好的左上角像素坐标,需要转换后在目标引擎核对。
精灵形状改变了吗?
没有。独立解码比较确认每个保留的原图矩形完全相同。
对齐一段简短的精灵序列
在 Ciyo 打开已确认的原始帧,指定共同锚点,要求经过核对的透明留白与清单。