为什么赛璐璐渲染不是「一个 Shader」的问题

当独立开发者说「我要做一个赛璐璐游戏」时，大多数人脑海里想的是「找一个 Toon Shader 插件」。但实际上，赛璐璐效果是一个多技术协同的渲染系统——着色逻辑只是其中的一环，描边、光照、阴影、后处理共同构成了最终的视觉体验。

本文系统梳理实现赛璐璐效果的七种主流技术方案，覆盖从最简单的阶梯漫反射到复杂的混合渲染管线。每种方案都包含原理说明、代码示例、优缺点分析、适用场景四个维度，帮助不同技术层级的开发者找到适合自己的路径。

方案一：阶梯式漫反射（Step Diffuse）—— 赛璐璐的最小可行实现

阶梯式漫反射是赛璐璐渲染最基础、最容易理解的实现方案。其核心逻辑是：把连续的光照值离散化为有限的几个「色阶」，模拟手绘动画中平涂色块的视觉特征。

核心原理

传统 PBR 漫反射计算光照强度是 0 到 1 之间的连续值，而阶梯漫反射通过 step() 函数将这个连续值「量化」为 2–4 个离散层级。最简单的实现只需要两行代码。

HLSL 代码示例（Unity URP）

// 计算 N·L 漫反射光照
float NdotL = saturate(dot(normalWS, lightDirectionWS));

// 两级阶梯：亮度 > 阈值 → 亮部，否则 → 暗部
float toonFactor = step(0.5, NdotL);

// 混合亮部色与暗部色
float3 finalColor = lerp(_ShadowColor, _BaseColor, toonFactor);

进阶：三级与四级色阶

两级色阶的视觉效果过于生硬。更常见的做法是使用三级（亮部、中间调、暗部）或四级色阶，通过多次 step 调用实现分层控制。

优缺点与适用场景

优点：计算成本极低，代码极简，移动端友好，调试方便。
缺点：色阶边缘过于生硬，缺乏过渡感，无法表现复杂材质差异。
适用：低多边形风格游戏、2.5D 游戏、移动端轻量游戏、项目原型验证阶段。

方案二：轮廓线描边技术矩阵 —— 三条实现路径的对比

描边是赛璐璐渲染的「灵魂」——没有描边的 Toon Shader 充其量只是「风格化着色」，有了描边才真正有了「赛璐璐感」。描边技术主要有三条完全不同的实现路径。

路径 A：背面法线外扩（几何体描边）

最经典的描边实现：渲染第二个 Pass，将背面模型沿法线方向外扩，用纯色填充。外扩的距离控制描边粗细。

// 顶点着色器中实现法线外扩
v2f vert(appdata v) {
    v2f o;
    // 沿法线方向外扩顶点
    float3 offsetPos = v.vertex + v.normal * _OutlineWidth;
    o.pos = TransformObjectToHClip(offsetPos);
    return o;
}

特点：性能友好（每个模型多一个 Draw Call），描边连续完整，不依赖屏幕分辨率。缺点是内转角处会出现描边断裂，需要拓扑配合。

路径 B：屏幕空间后处理描边

基于深度法线纹理的差分计算，在屏幕空间后处理阶段提取轮廓。使用 Sobel 算子或 Roberts 算子检测边缘。

特点：一次性对全场景描边（Draw Call 数量恒定），可以做复杂的边缘检测逻辑。缺点是后处理本身有性能开销，描边精度受渲染分辨率影响，小物体描边容易丢失。

路径 C：烘焙描边纹理

在建模软件中预先手工绘制描边纹理，运行时直接采样。常见于卡通渲染风格的 2D 游戏或固定视角游戏。

特点：美术控制度最高，可以绘制完全不规则的艺术化描边。缺点是完全不随视角变化，仅适用于特定视角的游戏。

三条路径的决策矩阵

方案三：Ramp Texture（色带贴图）—— 精度与控制的平衡点

Ramp Texture 是工业级赛璐璐渲染最常用的方案。其核心洞察是：用一维贴图替代数学函数计算，把「光照如何映射到颜色」的决策权完全交给美术师。

核心原理

创建一张 1×N 像素的一维纹理（N 通常是 16、32 或 64），纹理的每个像素代表一个光照强度对应的输出颜色。Shader 中计算 N·L 后，用这个值作为 UV 坐标采样 Ramp 贴图，直接得到最终颜色。

HLSL 实现代码

// 计算漫反射光照
float NdotL = saturate(dot(normalWS, lightDirectionWS));

// 使用 N·L 作为 U 坐标采样 Ramp 贴图
// V 坐标固定为 0.5（1D 纹理）
float2 rampUV = float2(NdotL * 0.5 + 0.5, 0.5);
float3 rampColor = SAMPLE_TEXTURE2D(_RampTex, sampler_RampTex, rampUV).rgb;

// 与基础颜色相乘
float3 finalColor = _BaseColor * rampColor;

为什么 Ramp Texture 是工业标准

1. 美术控制度高：美术师可以在 Photoshop 中精确绘制每个色阶的颜色和过渡，不需要写代码。
2. 灵活的光照响应：可以在 Ramp 贴图中加入任意形状的色阶曲线——硬过渡、软过渡、多段分层。
3. 性能友好：纹理采样在现代 GPU 中成本极低，甚至比复杂数学计算更快。

Ramp Texture 的进阶用法

高级实现中会使用二维 Ramp 贴图，V 方向控制「阴影硬度」或「材质类型」，同一张贴图可以存储多种材质的光照响应曲线。米哈游《原神》的角色渲染使用的就是这种二维 Ramp 方案的变种。

方案四：双色调着色（Duotone Shading）—— 极简主义的风格选择

双色调着色是一种极端化的赛璐璐风格：整个模型只使用两种颜色——亮部色和暗部色，完全没有中间过渡。这种风格常见于极简主义艺术游戏或高对比度视觉设计。

技术特征

与阶梯漫反射的区别在于：双色调着色不基于物理光照计算，而是基于法线方向与预设方向的关系。无论场景光照如何变化，暗部始终出现在模型的「特定一侧」。

典型实现

// 使用视角空间法线的 X 分量决定明暗分界
float viewNormalX = normalize(normalVS).x;

// 基于法线方向的硬分界
float shadeFactor = step(_ShadowThreshold, viewNormalX);

// 双色调混合
float3 finalColor = lerp(_DarkColor, _LightColor, shadeFactor);

适用场景与局限

双色调着色特别适合「风格优先、真实感不重要」的艺术游戏。它的视觉识别度极高，但代价是完全丧失了动态光照的响应能力——场景中的移动光源不会对角色产生任何光照变化影响。

方案五：法线映射风格化—— 体积感的艺术化控制

赛璐璐渲染的一个常见问题是「太平了」——虽然颜色是平涂的，但缺乏手绘动画中艺术家通过线条暗示的体积感。法线映射风格化技术解决的就是这个问题。

核心思路

不使用 PBR 管线中从高模烘焙而来的写实法线贴图，而是使用美术师手工绘制的「风格化法线贴图」。这种法线贴图刻意简化细节，强化大的体积转折，配合 Toon Shader 产生「手绘感的体积」。

Blender 制作流程

1. 基础模型完成后，在 Blender 中使用 Freestyle 描边渲染获取轮廓参考
2. 美术师在 Substance Painter 或 Photoshop 中手绘风格化法线，刻意夸张关键体积转折
3. 烘焙时关闭细节法线，只保留大型体的法线信息
4. 在 Shader 中对法线贴图做「软化处理」，使用自定义模糊核减少高频细节

Shader 侧的法线处理

// 采样法线贴图
float3 normalTS = UnpackNormal(SAMPLE_TEXTURE2D(_NormalMap, sampler_NormalMap, uv));

// 风格化法线：强度缩放 + 归一化
// 降低强度可以产生「更平滑」的体积感
normalTS = normalize(normalTS * _NormalStyleStrength);

// 转换到世界空间
float3 normalWS = TransformTangentToWorld(normalTS, tangentWS);

方案六：实时描边的性能优化策略—— 多 Pass 的成本控制

描边是赛璐璐渲染中最容易产生性能问题的环节。多 Pass 描边在复杂场景中会导致 Draw Call 翻倍，Overdraw 急剧增加。本方案提供系统性的优化路径。

优化一：GPU Instancing 批量描边

在 Unity 中启用 GPU Instancing，将大量相同材质的描边对象合并为少量 Draw Call。对于植被、道具等重复度高的场景元素，这一优化可以减少 70% 以上的描边 Draw Call。

优化二：Stencil Buffer 复用描边

使用模板缓冲标记已描边的像素区域，避免多层描边时同一个像素被多次写入。这个技术在角色多层描边场景中特别有效。

优化三：LOD 分级描边

根据距离动态调整描边策略：近距离使用高精度几何体描边，中距离使用简化的描边宽度，远距离完全关闭描边（玩家在远距离无法感知像素级描边）。

// 基于距离的描边衰减
float distance = length(GetCameraPositionWS() - positionWS);
float outlineFade = saturate((_OutlineFadeEnd - distance) / (_OutlineFadeEnd - _OutlineFadeStart));
float finalWidth = _OutlineWidth * outlineFade;

移动端特别优化

在移动端，建议完全弃用多 Pass 几何体描边，改用屏幕空间后处理描边。后处理描边的 GPU 带宽成本虽然较高，但在大多数移动 SoC 上，带宽开销优于大量额外 Draw Call 的顶点处理开销。

方案七：混合渲染管线—— 赛璐璐 Pass 与 PBR Pass 的合并策略

当代工业级赛璐璐渲染很少是「纯 NPR」——大多数项目采用混合管线：场景和背景使用标准 PBR，角色和关键物体使用赛璐璐着色，两者在同一帧内和谐共存。

混合管线的三种架构模式

模式 A：分层渲染（Layered Rendering）

将场景物体分为「PBR 层」和「赛璐璐层」，分别渲染后合成。Unity 的 Renderer Feature 和 UE 的 Post Process Volume 都原生支持这种分层模式。优点是两套管线完全独立，互不干扰；缺点是两层之间的光照交互（阴影、GI）需要特殊处理。

模式 B：材质开关（Material Switch）

同一个 Shader 中包含 PBR 和赛璐璐两条代码路径，通过材质参数或关键字动态切换。这种模式适合「同一物体在不同场景中需要不同渲染风格」的需求。缺点是 Shader 代码复杂度高，变体数量爆炸。

模式 C：后处理滤镜（Post Process Filter）

全场景使用标准 PBR 渲染，最后通过全屏后处理将整个画面「赛璐璐化」。《幽灵行者 2》使用的就是这种方案：PBR 渲染完成后，应用一个卡通化后处理滤镜。优点是实现简单，所有光照系统原生可用；缺点是对单个物体的风格化控制粒度较粗。

混合管线的常见坑点

1. 阴影不匹配：PBR 物体的软阴影与赛璐璐物体的硬阴影视觉冲突。解决方案：统一使用硬阴影，或对赛璐璐物体使用自定义阴影 Pass。
2. 光照一致性：赛璐璐着色需要访问与 PBR 相同的光照数据（光照贴图、探针、实时光）。自定义 Toon Shader 经常遗漏对光照系统的完整支持。
3. 后处理冲突： bloom、景深等后处理效果对赛璐璐平涂色的影响与对 PBR 材质不同。需要针对赛璐璐物体单独调整后处理参数。

初级用户路径：三步搭建你的第一个可用赛璐璐渲染

如果你是第一次接触赛璐璐渲染，不要试图一步到位实现所有七种方案。按照以下三步，可以在 2 小时内搭建一个可用的赛璐璐渲染系统：

第一步：选择开源框架（30 分钟）

Unity 开发者：直接使用 Toony Colors Pro 2 或 Flat Kit。这两个框架已被大量商业项目验证，包含完整的描边系统和色阶控制。
Godot 开发者：使用 Godot Toon Shader 插件（Godot Asset Library 中搜索），Godot 4 的着色器系统对 NPR 支持相当友好。
UE 开发者：使用 UE Marketplace 中的「Cel Shader」或「Toon Shader Ultimate」，注意选择支持 UE5 的版本。

第二步：配置基础着色（1 小时）

导入框架后，先配置一个三阶梯的 Ramp Texture 或使用内置的色阶参数。调整描边宽度到视觉舒服的程度（通常是 1–3 像素，根据你的游戏分辨率调整）。

第三步：调整阴影参数（30 分钟）

关闭软阴影，使用硬阴影；调整阴影距离，确保中远景物体不产生斑驳的阴影效果；如果你的引擎支持，为赛璐璐物体设置单独的阴影投射器。

完成这三步后，你已经有了一个「可以出现在宣传截图中」的赛璐璐效果，剩余的优化可以在开发过程中逐步进行。

中级用户路径：参数化设计与自定义扩展的决策框架

当你需要超越开源框架的能力边界时，按照以下优先级进行技术投入：

优先级一：描边系统的深度定制

描边是玩家感知最明显的赛璐璐特征，也是开源框架最容易「千篇一律」的部分。投资于描边的视觉差异化，ROI 最高。建议优先实现：基于距离的描边宽度衰减、材质 ID 分层描边颜色、视角感知的描边厚度调整。

优先级二： Ramp Texture 系统的工业化改造

将单色阶 Ramp 升级为二维 Ramp，支持同一角色不同部位使用不同的光照响应曲线；添加 Ramp 混合系统，实现角色在不同光照环境下的风格化过渡。

优先级三：面部渲染的特殊处理

角色面部是玩家注意力最集中的区域，通用 Toon Shader 永远无法满足面部渲染的需求。单独实现一个面部 Shader，支持：眉毛穿透头发、眼睛高光分层、SDF 阴影控制（参考米哈游方案）。

优先级四：性能优化与跨平台适配

最后投入性能优化。建立性能预算：描边不超过总帧时间的 10%，赛璐璐着色不超过总像素着色时间的 15%。针对目标平台（PC/主机/移动端）建立分级渲染质量配置。

核心争议：后处理描边 vs 几何体描边——谁才是赛璐璐的「正统」

这是赛璐璐技术圈持续最久的技术分歧，双方都有大量成功商业案例作为支撑。

支持几何体描边的论点

「描边应该是物体的固有属性，不是屏幕的后处理效果。」几何体描边随模型自然缩放，不随视角分辨率变化，内轮廓连续完整。《塞尔达传说：旷野之息》《原神》等顶级作品均使用几何体描边作为主要方案。

支持后处理描边的论点

「性能和灵活性是独立开发的第一优先级。」后处理描边 Draw Call 数量恒定，与场景复杂度无关，可以实现复杂的边缘检测逻辑，而且美术调整起来极其方便（改全局参数即可）。对于中小团队，后处理描边的「投入产出比」远远高于几何体描边。

编辑观点

我们建议独立团队采用「混合描边策略」：角色和关键物体使用几何体描边（确保视觉质量），场景和背景物体使用后处理描边（控制性能成本）。两条路径不是非此即彼的选择，而是可以在同一个项目中共存，服务于不同的渲染需求。