1. 一套风格化渲染系统的搭建先从“为什么要系统化”说起我做风格化渲染不是一天两天了从最早的卡通登录器皮肤到后来的横版动作游戏、箱庭式的探索场景跨度挺大。每个项目结束复盘时我总会发现同一类问题着色器版本乱得不成样子上一个美术总结的“肤色经验参数”在下一个项目里完全失效描边宽度调了一个月还是穿透和断裂并存。于是到第五个项目时我下定决心不再做“一次性着色器”而是做一套能沉淀、能复用、能横向扩展的风格化渲染系统。这套系统说实话没有多高深。它核心解决的是三件事把美术想要的视觉风格拆成参数把参数变成不同平台都能跑的渲染代码再把渲染代码封装成一键导入的材质体系。很多团队对风格化的理解是“写个好看的光照模型”但真正做进去才知道卡住进度的从不是光照模型本身而是描边怎么在不同距离下保持稳定、卡通阴影怎么跟动态物件匹配、特殊材质怎么在轮廓和光照之间不互相污染。这些不是某一个着色器能单独解决的需要的是整套管线层面的系统设计。所以这篇文章不是什么渲染算法论文而是我搭建这套系统时真实走下来的路线包括我踩过的坑、反复推翻的思路、以及最后沉淀下来的模块划分。如果你也在做风格化渲染不管是写NPR着色器还是搭美术资源规范都应该能从里面找到一些能直接拿过去用的东西。1.1 风格化的“系统”到底包含哪些模块我最初的错误就是把“系统”理解成了“一个包含大量特性的主着色器”。于是文件越写越长功能开关越挂越多最后变成谁也不敢动的怪物。后来我才把思路扭转过来一个能长久用下去的风格化渲染系统必须是一个模块化的组合而不是一个巨无霸着色器。我的划分是这样的角色与道具材质层负责卡通光照、颜色渐变、边缘光、金属与皮肤等基础表现。轮廓与描边层做画面里最有风格辨识度的线条前层或后层处理方案单独独立出来。纹理与细节通道风格化的笔触、高光贴图、阴影渐变贴图以及自定义伪装规则。后期合成层色差、暗角、特写镜头的风格滤镜、描边强度的整体调节。性能与适配层分平台开关、距离LOD、半透明与全透明物件的特殊处理。这五个模块各自维护自己的代码与文档互相之间的接口只有几个浮点数或纹理坐标。美术在调整某个角色的描边时不需要动光照参数程序在升级描边算法时也不担心破坏别的材质表现。分层的价值不在于代码文件多整洁在于出问题时能快速定位改需求时能快速响应。1.2 为什么很多“好看的风格化”没法落地到项目我见过不少私下渲染的风格化角色图单帧效果非常惊艳但一放进实际项目里就崩掉。原因多半不在渲染技巧而在它没有按系统的逻辑去组织资产和参数。比如某个特效模型的脸部阴影角度是照着固定场景调的换到傍晚场景就整个暗掉又比如描边的粗细是手工缩放对齐的镜头拉远后线条比角色还粗。系统化能兜住这些问题是因为它把“好看的瞬间”变成了“可推导的规则”。美术不需要在每一帧手动修正只需要知道系统里哪些参数受什么环境因素影响。例如我的系统里所有角色的阴影渐变都从固定数值改为受全局日光方向控制描边的屏幕空间宽度则绑定到拍摄距离的曲线映射。这样无论镜头怎么动、场景怎么切换画风都不会跑偏。2. 决定风格的还是那根线轮廓描边的一次次技术选型很多美术和策划对风格化画面的第一印象是颜色和笔触但实际上风格化区别于写实的最关键特征往往是轮廓。塞尔达风格的粗黑边、原神式的半透明浅描边、以及类似《无主之地》的漫画转印线条根本逻辑都是轮廓在起作用。在我这套系统里轮廓层是被当作一个独立的渲染pass来对待的因为只有独立出来才能在不影响主体光照的前提下稳定调整。2.1 三种主流描边方案的底层逻辑大多数人接触到的描边方案有三类它们不是互相替代的关系而是适用场景不同。第一类是几何描边思路是把模型顶点沿法线方向外扩一圈然后渲染另一个只输出轮廓颜色的模型通常这个扩展模型会剔除正面只画背面。这个方案简单直接几乎所有引擎都能实现而且描边宽度可以随心所欲。问题在于尖锐夹角处会被拉成放射状的裂缝模型顶点法线处理不好时整条线会像蜈蚣一样断开。第二类是屏幕后处理描边基于深度、法线或颜色信息做边缘检测。它最大的优点是描边漂亮且不受模型拓扑影响很适合做全屏统一风格但问题也明显无法区分哪些物体要描边哪些不要边缘粗细统一很难做角色特有的“线条性格”。通常在系统里我会把后处理描边用于特殊镜头的整体感染而不是日常游戏画面。第三类是混合式让模型单独输出ID或法线信息到屏幕空间然后在后处理阶段根据这些信息勾勒边缘。这种方式既能控制对象也能做出角色局部线条的粗细变化但对于透明物体、粒子、动态生成的网格都需要额外处理。三类方案我先后都试过一遍最终系统里默认启用混合式但保留了几何描边作为“只给头发和武器边缘”的附加选项。美术会在资源规格里约定角色的主打作用混合式特殊装备用几何式叠加画面层面的漫画感用后期处理做最后的润色。2.2 描边稳定性这是最折磨人的坑描边最折磨人的不是画不出来而是画出来了但稳定不住。当镜头拉远时世界空间宽度的描边会缩成一根细丝换成屏幕空间宽度后近景又会觉得线条笨拙。我的解法是做一个距离-宽度曲线近距离时描边偏细中距离时达到最佳粗细远距离时保持统一甚至略微加粗保证轮廓的识别度。另一个很常见的坑是相机抖动时描边会发虚。几何描边方案里如果顶点外扩方向和边框抗锯齿配合不好每一帧的覆盖范围都会有细微变化晃起来就像线条在呼吸。我最终的处理是让描边模型在着色器里做固定宽度的屏幕对齐并用阶跃式的抗锯齿来平滑边缘减少高频闪烁。还有顶点色叠加的问题。手办式角色模型难免会有接缝处顶点重复、法线不连续的情况我不建议美术纯靠手工修模解决因为成本太高。系统里我提供了一个预处理工具专门把模型顶点法线做一次统一化处理让描边外扩方向平滑归一。这个工具看起来很不起眼但做过描边的人会知道它能省下多少时间。2.3 描边与角色的“线条性格”风格化系统做久了会发现描边不只是技术问题它本身是一种美术语言。同一张脸黑粗线条给人硬朗的感觉浅色细线则让角色更轻盈。我在系统里把描边参数拆成了宽度、颜色、透明度、压感曲线四类并且允许它们根据相机角度动态调整。比如玩家从侧面看角色时鼻梁的描边会略微变淡避免线条把五官切碎。美术团队后来对这块乐此不疲因为“线的表情”比重新建模容易太多了。我一度想把这套规则做成预设库比如“少年热血番”“少女漫画”“暗黑绘本”三套描边预设一键切换。后来因为时间和需求优先级的问题砍掉了只保留了参数模板但方向是对的风格化系统最终一定要做到“风格可切换”而不是锁死在一种样式中。3. 卡通光照不是简单套个渐变从物理光照到风格化光照的降维处理风格化渲染系统里最容易被低估的是光照模型。很多人以为卡通光照就是二段式渐变或三段式渐变把漫反射离散化就好了实际一跑角色亮部脏、暗部死黑、高光像一块塑料贴上去的。问题核心在于你虽然在做NPR表现但光照响应仍然要符合人对体积和形体的直觉否则画面会“假”得很明显。3.1 基础色与光照响应的分层控制我的系统里把每个材质的基础色拆成了三层固有色贴图、明暗响应曲线、环境回馈颜色。固有色不用说是美术手绘的基准色。明暗响应曲线是控制“光打过来后亮度怎么变化”的核心曲线不是简单的线性阶梯而是一段带缓急的smoothstep中间会有一个转析点来决定硬边阴影的位置。环境回馈则应对暗部过死的问题。真实世界中暗部并非全黑会有环境光的补亮。风格化里可以用一个固定色值加上局部AO加权来模拟这种补亮颜色通常偏向冷色或场景主色调的补色。我在系统里把这种补亮跟主光照的出现频率分开避免白天和夜间互相污染。分层控制的意义在于音乐式的调音。美术想弄出清晨的清冷感不再需要换一套贴图只改环境回馈色和阴影转折点即可。不同角色可以并行调参互不干扰因为每个人都只动自己材质层里的那几个参数。3.2 高光与边缘光的“非物理”建模风格化的高光不追求物理准确但追求位置稳定。比如塑料感的角色高光应是锐利的小块而布料材质则应是柔和的扩散光。这套系统里我为高光单独设立了控制通道允许美术通过一张高光贴图指定哪些区域能产生高光、哪些区域禁用。毕竟衣服褶皱上出一块突兀的高光画风就直接掉价了。边缘光也是一个被频繁误用的东西。很多NPR实现直接取了菲涅尔项去乘一个颜色结果角色走到暗处时全身发光像自带霓虹圈。我改成边缘光由视角角度和光照方向共同驱动让它在逆光时明显、顺光时自然消失更像“空气里的氛围反光”而不是一个恒定值。3.3 不同风格模板之间的参数归一化做多角色、多场景时最痛苦的是角色材质参数不统一。张三的肤色渐变用0到1的坐标李四的渐变用0到0.6放到同一个镜头里总有一个过曝。我在系统里做了一个很重要的机制把美术手绘的阴影渐变图从“直接存储明暗”改成“存储采样坐标”所有角色都用同一张全局渐变图只是各自指定偏移和压缩量。这样做的结果是我可以把角色、怪物、环境物件的所有明暗参数统一到同一个参照系里。换风格时只需替换全局渐变图所有材质一起变化。这看似简单实际是系统能称得上“系统”的关键。少了这个归一化哪怕着色器代码再花哨到生产环境还是一堆互相冲突的调参杂货摊。4. 风格化纹理与贴图规格手绘感来自通道利用而不是滤镜堆栈风格化的质感不完全靠着色器很大一部分来自纹理的“手绘感”。很多团队在文件配置里只有漫反射、法线、高光几张常见贴图导致后期想加笔触、想让阴影边缘有纸纹感但无处安放。我的做法是在贴图规格阶段就预留几个额外通道让纹理和着色器形成一个完整的语言体系。4.1 贴图通道的规划与冲动以角色头部为例我的实际贴图布局是RGBA的漫反射中R、G、B是固有色A通道用来存“阴影遮罩”该区域在光照计算中会被强制压暗用于模拟头发缝、眉心阴影等本来就没有光照的细小结构第二张贴图是法线这项不用于写实光照而用于让描边外扩更平滑、让渐变阴影边缘有轻微起伏第三张贴图的R通道是“笔触权重”取值为0到1决定该区域花纹是否被后期滤镜干扰等于给渲染系统一个“尊重手绘”的开关。很多人会问为什么不用第四张贴图存更多数据我的回答是通道优先走内存和带宽。移动端的带宽极度宝贵无意义地堆贴图只会把帧率拖死。合理的通道规划能把六张贴图压缩成三张同时还能保留所有控制信息。美术一开始觉得通道概念抽象等到了调材质的阶段就发现同一个系统里大家说话方式都一样效率反而高了很多。4.2 流程贴图在主照明之外的附加值风格化角色通常还需要AO、次表面散射等数据但我用一张流程贴图把AO放到G通道把皮肤深透光权重放到B通道。这张贴图不直接参与光照而是调节“渐变阴影转折后那一点点半透感”。在表现耳朵、手指等薄结构时这个权重特别管用能让角色看起来是在用“皮下散射”去延续卡通质感而不是生硬地站在物理光照规则之外。这套通道规划最大的好处是不同风格的纹理可以沿用同样的通道约定只是内容不同。美工只需花几分钟做一个PS模板就能让所有角色统一套用。行业里很少有人提到这一点但我觉得这才是风格化系统里最被低估的效率杠杆。4.3 笔触和纸张感的最终来源是“阈值的加权抖动”风格化的奇妙之处在于完全没有噪声的画面反而显得呆板。我喜欢在明暗转折处加入轻微的阈值抖动dithering让边缘从硬切变成有一点手绘的顿挫。这个抖动不是随机噪声而是固定图案的蓝噪声采样放在屏幕空间里呈现颗粒感又不破坏全屏的整洁。我在某些材质上还会增加一张偏色图让阴影处略微偏向纸莎草的黄色或青灰等于给画面做了轻微的“画纸感”。美术听到会担心“脏”但实际跑起来如果颜色偏差控制在低阈值内反而让画面有了温度。这个度很难言传只能在参数面板里多试几个值。系统里我预设了“无、轻、纸纹、水彩”四档方便美术在不同距离快速试找。5. 性能预算与动态适配风格化绝不等于不要命地堆效果风格化渲染容易让人产生一个错觉反正不是写实精度要求低可以随便加效果。这个想法是灾难性的。实际上风格化的特征决定了它在边缘检测、后处理合成和批次分类上比写实渲染更吃资源。我在这套系统里专门设置了性能预算模块从源头控制每帧的GPU花销。5.1 描边和光照的计算开销对照描边如果使用后处理方案需要额外一张深度和一张法线或ID贴图带宽成本非常明显。几何描边则相反多一次完整的模型Pass三角面数是原来的两倍左右。场景角色一多几何描边的总三角形数量就会大到影响顶点处理的线程数。我采用混合式方案后把动态光源数量压到2到3个再为描边单独设置一个低分辨率的缓冲层。这样描边细节不丢失但整体带宽远低于全分辨率后处理。最终系统把移动端中等画质的帧开销控制在7到8ms之内主力测试机型是中端安卓机连续播放60分钟帧率稳定在58到60FPS。这个数字不是靠极限优化出来的而是靠一开始就把预算分摊进每个模块。5.2 LOD和参数LOD的“双重距离衰减”传统LOD只替换模型精度但风格化系统里我还会替换渲染参数。远距离的角色不需要细腻的明暗转折我会把渐变采样数从8档降到3档同时关闭描边的局部曲率细化。美术在场景里看到远处角色时会觉得“和近景一个画风但少了细节”这种微妙的适应性变化人眼很微妙地能接受。参数LOD做起来并不难就是给LOD等级挂一组默认材质参数。关键是被团队接受很多时候程序员担心远处和近处材质不一致会穿帮但实际上只要明暗基调和描边宽度一致大家根本不会察觉细微差异反而会觉得整体更干净。我建议有兴趣的团队一定要试一下参数LOD不要只停留在模型网格和贴图的下采样上。5.3 动态物体的描边适配与阴影接收系统里最容易被忽略的是草地、粒子、动态可破坏物件。它们的描边规则不能跟角色一样否则整个场景会显得线条纷乱。我的方案是系统会自动识别物件类别建筑和大型载具描边权重设置为角色的一半粒子和小碎石关闭描边树木植被只保留最外层的轮廓内部细节完全交给贴图。这套分类规则用材质属性里的一个枚举字段实现美术可以给任意资产打标记。阴影接收上动态物件的阴影贴图会统一灌入风格化的渐变色避免写实阴影让画面分离。这点我在多个项目里都做过验证只要阴影颜色和光照主色调保持同一个色温体系即使光照计算完全非真实观众也不会觉得违和。风格化系统的最终目的从来不是骗眼睛而是构建一种特殊的视觉语言并使其保持自洽。6. 项目落地的几个持久战细节命名、版本、协作与批处理到了系统框架和渲染模块都定下来之后最消耗精力的反而是一些看起来不起眼的工程细节。命名规范、材质版本的迁移、不同软件间的协作沟壑——这些琐事每一件单拿出来都不难但叠加起来能让整个团队崩溃。我觉得有必要在文章最后专门聊一下这些“看不见的模块”。6.1 资产命名与材质参数规范的“语法”系统跑得顺不顺很大程度取决于团队是否按同一套“语法”说话。我把材质参数名字全部统一为前缀加描述的形式例如通用的光照控制参数统一加_Lighting前缀渐变贴图统一加_Ramp后缀。这样在Share材质面板里排序时同一族的参数会自然聚在一起调起来节奏快很多。命名规范建立起来后我还会用脚本做一次静态检查任何材质引用了不存在的参数或者通道设置超出约定范围进版本前就会被拦下来。这听起来像程序员的洁癖但经历过“上线前才发现某个英雄的材质差一个通道数据”这种事之后你就会明白这其实是安全保障。6.2 材质版本迁移与轮转升级的长期维护一套系统用久了参数结构总是在微调。我给材质记录了一个“版本号”放在材质属性的自定义属性里。每次大规模的参数升级我会写一个迁移脚本自动把旧版本材质的数值映射到新版本。比如把边缘光强度从0到1改为-1到1的带正负语义的映射同时保持旧值不变。这个操作看似很小但能避免团队所有人的手头工作被反复打断。迁移脚本的全过程我都保留在系统文档中。新成员加入团队时“照着文档过一遍迁移脚本”已经成了入职培训的一环。这个做法让我确信系统不只是代码的集合更是一套可持续演进的生产流程。6.3 解决“改一帧调一天”的批处理实验方法最后分享一个我最常用的调试思路批量生成对比图。风格化参数往往存在微妙的耦合比如阴影转折点移动时边缘光的强度看起来也会改变。单靠肉眼在预览窗口里反复拖滚动条效率极低。我的做法是写一个批处理脚本把同一帧画面在参数网格上生成十几张截图然后按顺序排进一张图里看整体趋势。这种方式比肉眼的记忆可靠得多还能让美术把调参成果沉淀为“参数效果图库”成为下一轮调试的起点。我强烈建议做风格化渲染的项目都保留这套工作流它不依赖某个引擎的API只依赖于愿意把调试当作科学实验来对待的心态。风格化的自由度很高正因如此更需要一套稳住的系统来背上各种审美探索。