我给游戏做了一张很美但没法用的地图,然后学会了止损

一切从一张"能当壁纸"的图开始

独立游戏《妖灵守卫》做到战场环节,需要一张底图。我用 AI 生成了一张 1280×720 的青绿山水山海经背景——远山、云雾、金色暮光,Q 版萌妖灵站在云朵上,美得能当壁纸。

放进游戏的那一刻,问题来了:山很美,但玩家看不懂哪里能走。

两轮无效调参:把参数拧了一圈,本质纹丝不动

第一轮,我天真地以为"压暗一点就好了":

  • 加暗色蒙版 BattleBgDim,透明度从 130 一路加到 180,试图让 AI 装饰沉进背景
  • 网格线改成极淡白线(alpha 28),弱化"窗格感"
  • 出怪路线从"代码画的纯色矢量路"改成"古地图风格":墨线边缘 + 半透明土黄路面 + 皴擦纹理 + 点状中线

第二轮,用户反馈"路和地图根本不搭""乱七八糟",我继续收:墨线 52→32px(alpha 255→130)、路面 40→22px(alpha 140→90)、删掉皴擦纹理、中线间距 15→20。

结果呢?视觉上是"更干净"了,但"不像一个游戏"的本质问题纹丝不动。那一刻我意识到一件事:

顿悟:艺术品 vs 地形图,是底层矛盾

AI 山海经地图的本质是艺术品——它追求美感与意境,信息密度高、透视不统一、装饰抢戏。而战场地形图的本质是可读性与信息层级——玩家要在一秒内看懂:路在哪、怪从哪来、塔摆哪。

这两个目标是底层冲突,不是参数能调和的。调参无效,就是资产选型错了,不是参数没拧到位。

决策:弃用 AI 图,全程序化

我拍板放弃 AI 地图,改用程序化生成的简洁战场:

  • 深绿底色 #1a2e26
  • 600 个稀疏草地点(伪随机分布)
  • 4 个俯视锥形山体符号(程序绘制)
  • 1 条斜穿河流细线
  • 大面积留白,信息密度极低

5 关的路线用 PIL 按 Config.ts 的 path 坐标精确合成进底图(墨线 38px + 半透明路面 28px + 点状中线 18px),怪物走位与地图严丝合缝。整个文件约 25KB。

效果立竿见影——战场终于"像塔防游戏"了。

废料变宝贝:被砍的 AI 图去了哪儿

那张被放弃的山海经图没有删。艺术品做不了战场地形,但它是绝佳的菜单/图鉴背景——那里要的就是艺术气质。一图两用,废料变资源。

方法论沉淀

  1. "调参无效"是最强的止损信号。连续几轮调整只换来"好了一点但本质没变",问题在资产本身,不在参数。
  2. 选型前先问场景的本质:这个画面要的是"美感"还是"可读性"?问清楚了,AI 图和程序化的分工就自然清晰。
  3. 被砍的资产别急着删:按"资产气质"重新分配场景,很多废料只是放错了地方。

现在我的项目里分工很明确:战场 = 程序化(可读性优先),菜单/图鉴 = AI 生成(美感优先)。这段经历也让我明白,独立开发里最贵的成本不是美术,而是"舍不得"。