《班级模拟》开发日志 #05｜把素材拼进引擎的手艺活

昨天 15:032 浏览综合

上一篇聊了原型和引擎的落差。这篇聊点更细的：把 UI 素材真正拼进 Godot 的时候，到底在干什么。

一句话概括：拼素材不是复制粘贴，是拿着一套不精准的零件，组装一台要求精准的机器。

不管素材是 AI 生成的还是设计同学出的，到手的第一件事永远是量，不是装：

AI 给的素材不会那么精准。同一张桌子，这一批和那批的桌腿高度差几个像素；透明边缘可能带着毛边或没清干净的底色；人物素材的"中心点"基本不在你以为的地方。
示意图本身也会有溢出。交付稿在 Figma 里看着整整齐齐，真拼进引擎才发现元素超出容器边界——按钮比槽位宽、名牌比桌面前沿长、图标在示意稿里"看起来放得下"，实际放不下。

这不是谁的问题，这是素材的常态。问题在于：你是拼到一半才发现，还是开工前就把规矩定好。

被坑过几次之后，现在每批素材进引擎前，先过这几条：

先登记，后使用。每个素材入库先登记锚点和尺寸基准——桌子的前沿在哪、人物的中心点在哪、名牌贴在哪个高度。示意图里的位置只当参考，一切以登记值为准。
统一边距和密度。选项一行放几个、离面板边缘收多少，定死。我们的建班页就是脸型一行 6 个、发型一行 8 个、选项和顶栏统一内收一圈——每一批新选项加进来都不用再想排版。
分层规则写死。三层导航谁是实心、谁是线框、谁是下划线；人物的头发、脸、校服谁在前谁在后——定一次，全局生效。
溢出一律裁剪，不许硬塞。元素超出容器就按实际边界裁，不允许"缩小一点凑合"——缩出来的精致感，在真机上就是模糊。