09 · 技术美术实践:从灰盒到成品
09 · 技术美术实践:从灰盒到成品
技术美术不是"把关卡变好看",技术美术是用视觉解决设计问题。
9.1 管线:八步流程(独立游戏裁剪版)
标准 3D 关卡流程 8 步,独立游戏按下表裁剪:
| 步骤 | 全版 | 独立游戏裁剪 | 产出 |
|---|---|---|---|
| 1 前期规划 | 数月 | 1–3 天 | 一页纸 + Beat 表 + 度量表 |
| 2 战斗/系统设计 | 数周 | 水平切片内完成 | 手感参数、敌人配置 |
| 3 Layout 平面图 | 1 周 | 0.5–1 天(手绘/白板/Excel 网格) | Layout 图 + 心流地图 |
| 4 Blockout 灰盒 | 2–4 周 | 3–7 天/关 | 可玩灰盒 + 试玩报告 |
| 5 Scripting 脚本 | 数周 | 与 4 并行 | 门、机关、AI、事件 |
| 6 Lighting 灯光 | 1–2 周 | 1–2 天/关 | 灯光 = 引导 + 情绪 |
| 7 Environment Art | 数月 | 1–3 周/关(受复用率约束) | 成品关卡 |
| 8 Release 发布 | — | 文档 + 截图 + 描述 | 商店页素材 |
裁剪原则:砍前期文档,绝不砍灰盒与试玩。 灰盒是唯一能在便宜的时候发现"不好玩"的手段。
9.2 灰盒(Blockout)规范
灰盒的目的
- 验证空间尺度与度量
- 验证节奏与遭遇
- 验证引导与可读性
- 不是为了好看
灰盒材质规范(强制)
用一套固定色卡,团队统一:颜色 = 功能,不是颜色 = 材质。
| 颜色 | 含义 |
|---|---|
| 中性灰 | 普通地面/墙 |
| 蓝色 | 可站立平台(关键玩法面) |
| 绿色 | 可交互物件 |
| 黄色 | 收集品 / 目标 |
| 红色 | 危险 / 致命区域 |
| 橙色 | 敌人生成点 / 触发区 |
| 紫色 | 脚本区域 / 触发体积 |
| 青色 | 相机约束区 |
好处:试玩者一眼读懂设计意图;美术接手时知道哪些面是玩法面(不可改碰撞)。
灰盒完成判据(Definition of Done)
- 全部路径可按度量表通过(无不可达、无卡点)
- 玩家无指导可走完主路
- 遭遇可完成,难度在目标区间
- 相机无穿墙、无遮挡
- 帧率达标(灰盒就该测性能基线)
- 至少 3 名陌生玩家试玩通过
- 心流地图已更新为实测版
灰盒未达 DoD 就进美术 = 返工预定。 这是本技能最强的红线之一。
灰盒的常见错误
| 错误 | 后果 |
|---|---|
| 灰盒做太细(开始建模细节) | 浪费时间,且舍不得改 |
| 灰盒不做触发/脚本 | 试玩不完整,节奏验证失效 |
| 灰盒尺寸与最终资产不符 | 美术替换后碰撞全错 |
| 灰盒不测性能 | 后期才发现场景太重 |
| 一个人闷头做灰盒不试玩 | 全部主观判断,全是错的 |
9.3 模块化资产(Modular Kit):独立游戏的生命线
为什么模块化是独立游戏刚需
- 一个人做不完 20 关的独立建模;但做得完 80 个模块,能拼出 200 个房间。
- 改一次模块 = 改所有用到它的地方。
Kit 设计规则
- 先压力测试 Kit:用 Kit 拼 3 个完全不同风格的房间;拼不出来 → Kit 不完整。
- 网格统一:所有模块对齐同一网格(常用 1m / 0.5m;2D 为 tile)。
- 接口统一:墙模块的接口位置固定;地板、墙、天花板、转角各一套。
- 尺寸梯度:每个类型提供 3 种尺寸(1×、2×、4×),足以覆盖绝大多数需求。
- "英雄资产"留白:Kit 之外预留 1–2 个独占模型位给记忆点。
- 变体而非新件:同一结构做破损/干净/覆雪三种材质变体,而不是建三个模型。
Kit 组成清单(最小可用)
| 类别 | 件数 | 说明 |
|---|---|---|
| 地板 | 3–4 | 含转角、边缘 |
| 墙 | 4–6 | 含门洞、窗洞、破损 |
| 天花板 | 2–3 | |
| 柱 / 支撑 | 2–3 | 垂直感 + 遮挡 |
| 楼梯 / 坡道 | 2–3 | 垂直连接 |
| 门 / 窗 | 2–4 | 含可开启动画位 |
| 装饰件(Props) | 8–15 | 破家具、箱子、杂物 |
| 材质/Trim Sheet | 2–4 套 | 见下 |
Trim Sheet 技巧:把多种装饰元素画在一张贴图上,靠 UV 复用。 一套 Trim Sheet 可覆盖几十个装饰件的纹理需求 → 独立游戏最省钱的技术美术技巧。
9.4 灯光 = 引导层(不是气氛层)
灯光的第一职责是可读性,第二职责是引导,第三才是气氛。
灯光作为引导
| 手法 | 用法 |
|---|---|
| 出口打光 | 出口比周围亮 1.5–2 档 → 玩家自然走向光 |
| 危险区冷暖对比 | 危险区用与整体不同的色温(如整体冷,危险区暖红) |
| 路径光带 | 沿主路布置光源序列 → 形成视觉节奏 |
| 背光剪影 | 敌人/目标用背光形成剪影 → 最清晰的可读性 |
| 高光边缘 | 可站平台边缘加自发光条 → 解决"看不见边缘" |
| 负空间留暗 | 把不需要玩家去的地方压暗 → 减少选项 |
灯光作为节奏
- 高压段:高对比、暖/红、动态光源、闪烁
- 低压段:柔和、均匀、冷/中性、静态
- 转场:灯光突变 = 最强的"这里变了"信号
灯光检查清单
- 玩法层的明度对比最高(灰度测试通过)
- 出口可见且比周围亮
- 可站平台边缘有视觉区分
- 无"全黑但要跳"的区域(玩家看不见落点 = 不公平)
- 动态光源数量在性能预算内
9.5 构图与视觉引导(关卡美术的"导演"部分)
每个关键空间都应该像一张构图完成的画。
| 手法 | 说明 |
|---|---|
| 引导线 | 墙、栏杆、地砖线指向目标 |
| 框架构图 | 用门框/拱/前景物体"框"住远处目标 |
| 前景遮挡 | 前景放暗色大物件 → 增强纵深、制造压迫 |
| 三分法 | 重要元素放在三分线上,不在正中 |
| 尺度对比 | 小角色 + 巨物 = 敬畏感 |
| 色彩锚点 | 每个区域一个主色,用于辨识("蓝区""红区") |
区域色彩编码(低成本高收益): 每个区域/章节指定一个主色 + 一个形态母题 + 一个地标。 玩家靠颜色就知道"我在哪个区""这里还没去过"。
9.6 性能预算(体验的下限)
掉帧是设计事故,不是技术问题。 关卡设计必须承担性能责任。
预算表(示例,按平台调整)
| 项 | 目标 |
|---|---|
| 帧率 | PC 60fps / 主机 30–60 / 移动 30–60(锁帧优于波动) |
| 单关 Draw Call | <1500(PC)/ <200(移动) |
| 同屏三角面 | <50 万(PC)/ <15 万(移动) |
| 动态光源 | 主光 1 + 补光 ≤4(前向渲染尤甚) |
| 贴图内存 | 单关 <500MB(PC)/ <150MB(移动) |
| 加载时间 | <5 秒(有加载动画则 <10 秒) |
| 同屏 AI | ≤12(超过玩家会失去焦点) |
关卡设计的性能手段
- 遮挡剔除(Occlusion):用墙/门自然分割空间 → 既是设计也是性能
- 雾/景深:既是气氛也是裁剪远景
- LOD:3 级足够(近/中/远)
- 分区流式加载:大关卡按区加载,配合"门"作为加载点(门开着时玩家会短暂停顿)
- 合并同材质物件:Static Batching
- 限制同屏敌人:设计上就限制,不要靠技术兜底
9.7 2D 关卡的技术美术
| 项 | 做法 |
|---|---|
| Tilemap 分层 | 背景 / 中景 / 玩法层 / 前景(视差),每层不同视差速度 |
| Tileset 自动砖 | 用 47 格或 blob 自动砖,避免手摆边缘 |
| 装饰层 | 装饰不参与碰撞,但不能与玩法层色相/明度接近 |
| 视差 | 背景 0.2–0.5 速度,前景 1.2–1.5 速度(增强纵深) |
| 光照 | 2D 光照/法线贴图成本高;低成本替代:手绘光晕 + 叠加层 |
| 边缘高光 | 平台顶部画 1–2px 亮边 → 可读性提升巨大 |
| 色板 | 每区一套色板(建议 5–7 色),靠色板区分区域 |
| 像素对齐 | 像素风必须整数缩放,否则抖动 |
9.8 音频作为关卡设计工具
音频是最被低估、成本最低的关卡工具。
| 用法 | 说明 |
|---|---|
| 空间定位 | 声音方位引导玩家(水声 = 有水/出口) |
| 危险预警 | 敌人音效先于视觉出现 = 公平性 |
| 节奏切换 | 音乐变奏 = 最强转场信号 |
| "这里变了" | 音乐停止/变化 = 玩家立刻警觉 |
| 空间感 | 混响参数区分洞穴/大厅/室外 |
| 进度反馈 | 收集品音效是"回报"的核心组成 |
强制:每个关键 Beat 有对应的音频标记(音乐段/音效/静音)。 静音是一种设计:突然的静音比任何音效都更抓人。
9.9 关卡文档(给团队和未来)
每关必须留档:
| 文档 | 内容 |
|---|---|
| 一页纸 | 体验目标、Beat 表摘要、资产清单 |
| Layout 图 | 平面图 + 心流地图 |
| 度量表 | 数值 |
| 资产清单 | 使用的模块/独占资产/预计工时 |
| 脚本清单 | 触发、事件、依赖 |
| 变更记录 | 版本 + 改了什么 + 为什么 |
命名规范(防止后期混乱):
<区域>_<类型>_<编号>_<版本> 例:Forest_Combat_03_v2
9.10 自检清单
- 灰盒已达 DoD 才进美术
- 灰盒使用统一色卡,颜色 = 功能
- Kit 已压力测试(能拼 3 种不同房间)
- 有 Trim Sheet / 变体复用方案
- 灯光承担引导职责(出口打光、边缘高光)
- 灰度测试:玩法层明度对比最高
- 性能预算已定且在灰盒阶段测过基线
- 每区有主色 + 形态母题 + 地标
- 每个关键 Beat 有音频标记
- 关卡文档齐全,命名规范