Unity URP卡通渲染管线全攻略：从色阶化光照到描边实现

1. 项目概述：为什么我们需要一个专属的卡通渲染管线？

如果你和我一样，是个对日式动漫、赛璐璐风格或者独立游戏里那种干净、色彩分明、充满表现力的画面毫无抵抗力的人，那么你肯定不止一次想过：我能不能在Unity里也做出这种效果？答案是肯定的，但过程可能比你想象的要复杂一点。市面上有很多现成的卡通着色器插件，比如Toony Colors Pro 2、Amplify Shader Editor里的模板，它们开箱即用，效果也不错。但问题在于，当你想要实现一个非常具体的、属于你自己项目的视觉风格时，比如《原神》那种融合了光影的卡通感，或者《塞尔达传说：旷野之息》那种水彩边缘，通用插件往往就显得力不从心了。你开始在各种参数里挣扎，试图调出想要的效果，最后却发现要么性能开销巨大，要么效果总差那么点意思。

这就是为什么我们需要“从零构建”。这不仅仅是为了学习Shader怎么写——虽然那很重要——更是为了获得对最终画面效果的绝对控制权。URP（Universal Render Pipeline，通用渲染管线）是Unity现代渲染架构的核心，它比内置管线更模块化、性能更好，也更适合跨平台。在URP里构建卡通着色器，意味着你能深度定制渲染的每一个环节：从光照模型、阴影处理、边缘光（Rim Light）到描边（Outline），甚至是后期处理（Post-Processing）里的屏幕空间特效。你能清楚地知道每一行代码在做什么，每一个参数如何影响最终像素。当美术同事跑来问你“这个角色的高光能不能再‘二次元’一点”时，你不再需要去翻找晦涩的插件文档，而是可以直接在Shader里调整几个变量，立刻看到变化。

所以，这个“全攻略”的目标，就是带你从一个空白的Shader文件开始，一步步搭建起一套完整的、高性能的、可高度定制的URP卡通渲染方案。我们会涵盖从最基础的漫反射与高光计算，到复杂的边缘检测描边、风格化阴影、以及如何与URP的后处理栈协同工作。无论你是Shader新手，还是有一定基础想系统掌握卡通渲染的开发者，这篇指南都将提供一条清晰的路径和大量“踩坑”换来的实战经验。

2. 核心思路与架构设计：卡通渲染的本质是什么？

在动手写代码之前，我们必须先想清楚：卡通风格（或者说非真实感渲染，NPR）和传统的PBR（基于物理的渲染）最根本的区别在哪里？理解了这一点，我们才能有的放矢。

PBR追求的是模拟现实世界中光线与物体交互的物理规律，它的光照计算是连续且复杂的，目的是产生逼真的材质感。而卡通渲染则恰恰相反，它追求的是艺术化的简化与夸张。它不关心物理是否正确，只关心画面是否好看、是否具有风格化的表现力。这种简化主要体现在以下几个方面：

1. 色阶化（Color Ramping / Banding）：这是卡通渲染最标志性的特征。将原本连续平滑的光照过渡（比如Lambert模型的N·L点积结果）通过一个阶梯状的查找表（Ramp Texture）或者阶梯函数进行离散化处理。这样，模型表面的明暗变化就不再是平滑渐变的，而是分成了几个清晰的色块，比如“亮部”、“中间调”、“暗部”。这直接模仿了手绘动画中平涂上色的技法。
2. 风格化高光（Specular）：卡通风格的高光通常不是圆润光滑的，而是锐利的、形状可控的（比如圆形、星形、或者一道狭长的亮线）。我们往往需要单独控制高光的阈值、平滑度和形状。
3. 硬边阴影与投影：卡通场景中的阴影边缘通常是清晰、锐利的，而不是柔和的半影。这需要我们自定义阴影的接收和投射计算，可能涉及修改阴影贴图（Shadow Map）的采样和过滤方式。
4. 描边（Outline）：描边是勾勒卡通物体轮廓、增强立体感和画面分离度的关键。实现方法多种多样，比如基于法线外扩（最常见）、基于后处理的边缘检测、基于几何着色器（Geometry Shader）生成等，各有优劣。
5. 边缘光（Rim Light）：在物体轮廓边缘内侧增加一圈背光效果，能极大地增强物体的体积感和戏剧性光照效果。计算基于视线方向与法线方向的关系。

基于以上核心特征，我们为URP卡通着色器设计一个模块化的架构。我们不打算写一个巨大无比的、所有功能糅在一起的“上帝Shader”。相反，我们会采用URP倡导的Shader Graph与HLSL代码混合、可编程渲染管线（Scriptable Renderer Feature）扩展的思路。

• 基础光照模型（HLSL代码/Shader Graph主图）：使用URP的Lit Shader框架作为基础，但用我们自己的光照函数（Lighting Function）覆盖其默认的PBR光照计算。这个函数将实现色阶化漫反射、风格化高光等核心计算。
• 描边作为独立的Renderer Feature：这是最佳实践。通过编写一个自定义的ScriptableRendererFeature，在渲染不透明物体之后、透明物体之前，以特定的渲染队列和替换Shader（比如一个只输出纯色的简单Shader）来绘制描边。这样做的好处是描边与主体着色完全解耦，可以独立控制开关、宽度、颜色，并且性能更优（避免在复杂的主Shader中增加顶点变换开销）。
• 风格化阴影与后期处理：通过修改URP的阴影绘制Pass，或者利用后处理栈（Post-processing Stack）中的自定义效果（Custom Effect），来实现硬边阴影、屏幕空间的环境光遮蔽（SSAO）风格化等。

这样的架构清晰、灵活，也便于团队协作。美术同学可以在Shader Graph中直观地调整色阶贴图和高光参数，而程序员则可以专注于Renderer Feature和复杂光照算法的HLSL实现。

3. 实战第一步：搭建基础色阶化光照模型

让我们从最核心的部分开始：在URP Shader中实现色阶化光照。我强烈建议从URP自带的Lit.shader或Simple Lit.shader模板开始修改，因为它们已经集成了URP的光照、阴影输入输出结构体（struct Attributes,struct Varyings,SurfaceData,InputData），能省去大量样板代码。

3.1 准备Ramp贴图与属性定义

首先，我们需要一张色阶贴图（Ramp Texture）。这是一张一维（实际上常用1xN或Nx1的2D纹理）的渐变贴图，水平方向代表了从0（完全背光）到1（完全受光）的光照强度，垂直方向则可以存放不同色调的变体（比如用于不同材质）。 在Shader的Properties块和对应的CBuffer中定义它：

Properties { _BaseMap ("Base Map (Albedo)", 2D) = "white" {} _BaseColor ("Base Color", Color) = (1,1,1,1) // 核心：色阶贴图 _RampMap ("Ramp Texture", 2D) = "white" {} // 控制色阶的阶梯数/平滑度 _RampSmoothness ("Ramp Smoothness", Range(0, 1)) = 0.5 // 风格化高光参数 _SpecularColor ("Specular Color", Color) = (1,1,1,1) _SpecularSize ("Specular Size", Range(0.01, 1)) = 0.1 _SpecularSmoothness ("Specular Smoothness", Range(0, 1)) = 0.1 }

3.2 重构光照函数

URP的光照计算主要在Lighting.hlsl文件中定义。我们需要编写自己的光照函数来替换默认的UniversalFragmentBlinnPhong（Simple Lit）或更复杂的PBR函数。这里以更简单的Blinn-Phong模型为例，展示如何色阶化。

在Shader文件中（或单独的HLSL Include文件）添加以下函数：

// 自定义卡通光照函数 half4 ToonLightingFragment(InputData inputData, SurfaceData surfaceData) { // 1. 获取主光源信息（URP提供了这个函数） Light mainLight = GetMainLight(inputData.shadowCoord); // 2. 计算经典的兰伯特（Lambert）漫反射系数：N·L half NdotL = saturate(dot(inputData.normalWS, mainLight.direction)); // 3. 色阶化处理：使用NdotL作为UV的x坐标去采样Ramp贴图 // 这里假设Ramp贴图是水平渐变的。_RampSmoothness可以用于在采样前对NdotL做一点平滑，避免过于生硬的阶梯。 half rampUV = NdotL; // 可选：添加一个很小的偏移，确保完全背光（NdotL=0）时也能采样到贴图最左端 rampUV = clamp(rampUV, 0.007, 0.993); // 避免采样到纹理边缘的clamp问题 half3 rampColor = SAMPLE_TEXTURE2D(_RampMap, sampler_BaseMap, half2(rampUV, 0.5)).rgb; // 4. 计算基础颜色与光照的混合 half3 diffuse = surfaceData.albedo * rampColor * mainLight.color * mainLight.distanceAttenuation * mainLight.shadowAttenuation; // 5. 风格化高光计算（Blinn-Phong变体） half3 viewDirWS = normalize(inputData.positionWS - _WorldSpaceCameraPos.xyz); half3 halfDir = normalize(mainLight.direction + viewDirWS); half NdotH = saturate(dot(inputData.normalWS, halfDir)); // 使用step或smoothstep来制造锐利或平滑的高光边缘 half specularIntensity = smoothstep(1 - _SpecularSize, 1 - _SpecularSize + _SpecularSmoothness, NdotH); half3 specular = specularIntensity * _SpecularColor.rgb * mainLight.color; // 6. 组合最终颜色（简单叠加漫反射和高光） half3 color = diffuse + specular; // 7. 添加额外的环境光（如URP中的球谐光照） half3 ambient = SampleSH(inputData.normalWS); color += surfaceData.albedo * ambient; return half4(color, surfaceData.alpha); }

注意：这里是最简化的示例。实际项目中，你需要考虑多光源（AdditionalLights）的支持、高光是否也受色阶化影响、以及如何优雅地处理阴影（卡通阴影通常也需要色阶化）。一个常见的技巧是，将阴影衰减（mainLight.shadowAttenuation）也作为一个维度参与到Ramp贴图的采样中（比如作为UV的y坐标），从而实现受光面和阴影面使用不同的色阶条带。

3.3 在片元着色器中调用

在你的片元着色器（Fragment Shader）中，不再调用URP默认的UniversalFragmentBlinnPhong，而是调用我们自己的ToonLightingFragment。

half4 frag(Varyings input) : SV_Target { // 填充URP标准的SurfaceData和InputData结构体 SurfaceData surfaceData; InitializeStandardLitSurfaceData(input.uv, surfaceData); InputData inputData; InitializeInputData(input, surfaceData.normalTS, inputData); // 应用自定义卡通光照 return ToonLightingFragment(inputData, surfaceData); }

完成这一步后，你的材质就应该呈现出基础的色阶化明暗效果了。你可以通过调整_RampMap贴图和_RampSmoothness参数来获得从硬边到软过渡的不同卡通感觉。

4. 实现高质量描边：Renderer Feature方案详解

描边是卡通渲染的灵魂。基于法线外扩（Normal Extrusion）的屏幕后处理描边效果不错，但对复杂模型和特定角度可能不稳定。而基于几何着色器的方法在移动平台支持有限。这里我推荐在URP中使用最稳健、控制力最强的方案：通过ScriptableRendererFeature在第二个Pass中绘制描边。

4.1 创建描边专用的Shader

首先，我们需要一个极其简单的Shader，它只负责在模型法线方向外扩顶点，并输出一个固定的描边颜色。

// Outline.shader Shader "Custom/ToonOutline" { Properties { _OutlineColor ("Outline Color", Color) = (0,0,0,1) _OutlineWidth ("Outline Width", Range(0, 0.1)) = 0.03 } SubShader { Tags { "RenderType"="Opaque" "RenderPipeline"="UniversalPipeline" "Queue"="Geometry+1"} // 队列在主物体之后 Pass { Name "Outline" Cull Front // 只渲染背面（外扩后的面），这是关键！ ZWrite On ZTest LEqual HLSLPROGRAM #pragma vertex vert #pragma fragment frag #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl" struct Attributes { float4 positionOS : POSITION; float3 normalOS : NORMAL; }; struct Varyings { float4 positionCS : SV_POSITION; }; CBUFFER_START(UnityPerMaterial) float4 _OutlineColor; float _OutlineWidth; CBUFFER_END Varyings vert(Attributes IN) { Varyings OUT; // 将法线从物体空间变换到观察空间（View Space） VertexPositionInputs vertexInput = GetVertexPositionInputs(IN.positionOS.xyz); VertexNormalInputs normalInput = GetVertexNormalInputs(IN.normalOS); float3 normalVS = TransformWorldToViewDir(normalInput.normalWS); // 在观察空间的XY平面上外扩顶点（避免在深度方向外扩导致Z-fighting） // 将法线投影到屏幕平面（忽略Z分量），归一化后再乘以宽度 float2 extendDir = normalize(normalVS.xy); float4 positionCS = vertexInput.positionCS; positionCS.xy += extendDir * _OutlineWidth * positionCS.w; // 乘以positionCS.w进行透视校正 OUT.positionCS = positionCS; return OUT; } half4 frag(Varyings IN) : SV_Target { return _OutlineColor; } ENDHLSL } } }

关键点解析：Cull Front指令意味着这个Pass只渲染模型的背面（即法线背离摄像机的面）。当我们沿着顶点法线方向将顶点“外推”后，原本的背面就会膨胀开来，覆盖住原本的边缘，从而形成描边。在顶点着色器中，我们在裁剪空间（Clip Space）进行外扩，并乘以positionCS.w进行透视校正，这样能保证描边宽度在屏幕空间中大致恒定，不会近大远小。

4.2 创建自定义Renderer Feature

接下来，创建一个C#脚本ToonOutlineRendererFeature.cs。

using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class ToonOutlineRendererFeature : ScriptableRendererFeature { [System.Serializable] public class Settings { public Material overrideMaterial = null; // 我们上面写的Outline.shader材质 public LayerMask outlineLayerMask = -1; // 指定哪些层级的物体需要描边 public RenderPassEvent renderPassEvent = RenderPassEvent.AfterRenderingOpaques; } public Settings settings = new Settings(); private ToonOutlineRenderPass _scriptablePass; public override void Create() { _scriptablePass = new ToonOutlineRenderPass(settings); _scriptablePass.renderPassEvent = settings.renderPassEvent; } public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) { if (settings.overrideMaterial == null) { Debug.LogWarning("ToonOutlineRendererFeature: Override Material is not assigned."); return; } renderer.EnqueuePass(_scriptablePass); } private class ToonOutlineRenderPass : ScriptableRenderPass { private Settings _settings; private FilteringSettings _filteringSettings; private string _profilerTag = "ToonOutline"; public ToonOutlineRenderPass(Settings settings) { _settings = settings; _filteringSettings = new FilteringSettings(RenderQueueRange.opaque, settings.outlineLayerMask); renderPassEvent = settings.renderPassEvent; } public override void Execute(ScriptableRenderContext context, ref RenderingData renderingData) { CommandBuffer cmd = CommandBufferPool.Get(_profilerTag); using (new ProfilingScope(cmd, new ProfilingSampler(_profilerTag))) { // 1. 获取不透明物体的绘制设置 var drawSettings = CreateDrawingSettings(new ShaderTagId("UniversalForward"), ref renderingData, SortingCriteria.CommonOpaque); // 2. 关键：覆盖绘制设置中的材质 drawSettings.overrideMaterial = _settings.overrideMaterial; drawSettings.overrideMaterialPassIndex = 0; // 使用Outline.shader的第一个Pass // 3. 执行绘制命令 context.DrawRenderers(renderingData.cullResults, ref drawSettings, ref _filteringSettings); } context.ExecuteCommandBuffer(cmd); CommandBufferPool.Release(cmd); } } }

4.3 在URP Renderer Asset中配置

1. 将ToonOutlineRendererFeature脚本添加到你的URP Renderer Asset中（在Inspector面板点击“Add Renderer Feature”）。
2. 创建一个使用Outline.shader的材质球，并拖拽到Renderer Feature的Override Material槽中。
3. 根据需要调整描边颜色、宽度和影响的图层。

现在，所有在指定图层上的、使用标准URP Lit Shader（或任何能被UniversalForwardPass渲染）的物体，都会在渲染完自身后，额外用我们指定的描边材质再画一遍背面，从而形成完美的描边效果。这种方法的性能开销是可控的（多一次绘制调用），且与物体本身的Shader复杂度无关。

5. 进阶技巧：风格化阴影、边缘光与后处理集成

基础的光照和描边有了，接下来我们提升画面的丰富度和风格化程度。

5.1 实现卡通硬边阴影

URP的阴影默认是带有柔和边缘的。要获得卡通硬边阴影，我们可以在片元着色器中“硬化”阴影衰减值。

在自定义的ToonLightingFragment函数中，我们获取到mainLight.shadowAttenuation。这个值通常在0（完全在阴影中）到1（完全在光中）之间连续变化。

// 对阴影衰减进行二值化或阶梯化处理 half shadowAtten = mainLight.shadowAttenuation; // 方法1：简单的二值化（硬边） half toonShadow = step(0.5, shadowAtten); // 小于0.5为0（阴影），大于等于0.5为1（受光） // 方法2：带平滑过渡的二值化 half toonShadow = smoothstep(0.4, 0.6, shadowAtten); // 方法3：多级阶梯化（需要配合自定义参数） half shadowRamp = floor(shadowAtten * _ShadowSteps) / _ShadowSteps; // _ShadowSteps是阶梯数，例如3 // 然后将toonShadow或shadowRamp乘入你的漫反射计算中 half3 diffuse = surfaceData.albedo * rampColor * mainLight.color * mainLight.distanceAttenuation * toonShadow;

更高级的做法是修改URP的阴影投射（Shadow Caster）Pass，让生成的阴影贴图本身就是硬边的，但这涉及更底层的管线修改。上述片元着色器处理的方法对于风格化要求不极端的情况已经足够。

5.2 添加边缘光（Rim Light）效果

边缘光计算简单且效果显著。我们在片元着色器中，在光照计算完成后添加。

// 在ToonLightingFragment函数末尾，计算最终color之后添加 half3 viewDirWS = normalize(inputData.positionWS - _WorldSpaceCameraPos.xyz); half NdotV = 1 - saturate(dot(inputData.normalWS, viewDirWS)); // 法线与视线夹角越大，值越大 // 使用幂函数控制边缘光衰减曲线，_RimPower越大，边缘光越窄 half rimIntensity = pow(NdotV, _RimPower); // 使用smoothstep控制出现阈值和硬度 rimIntensity = smoothstep(_RimMin, _RimMax, rimIntensity); half3 rimColor = rimIntensity * _RimColor.rgb * _RimIntensity; color += rimColor;

通过调整_RimPower、_RimMin、_RimMax、_RimColor和_RimIntensity，你可以得到从柔和的全局泛光到锐利的轮廓光等各种效果。

5.3 与URP后处理栈协同

卡通渲染常常需要一些全屏效果来增强风格，比如：

• 色彩量化（Color Grading）：在URP的后处理中，使用Color Grading的Tonemapping或LUT（Lookup Texture）可以进一步强化色块感，或者赋予画面特定的色调（如赛璐璐动画的胶片感）。
• 自定义屏幕空间效果：你可以编写自定义的后处理Shader，实现更复杂的边缘检测描边（作为法线外扩描边的补充）、噪点添加、扫描线模拟等。
• Bloom：卡通风格的高光和发光体配合Bloom效果极佳。在URP中正确配置Bloom阈值和强度，可以让你的风格化高光和自发光材质更加“闪耀”。

要集成这些，你只需要在URP Asset中启用相应的后处理效果，并调整参数即可。对于自定义后处理Shader，你需要创建一个VolumeComponent和对应的FullScreenPassRendererFeature，这属于URP后处理的扩展范畴，此处不展开，但思路是相通的：将全屏的渲染结果作为输入，应用你的风格化算法后输出。

6. 性能优化与常见问题排查

一套完整的卡通渲染管线可能会引入额外的Draw Call（描边Renderer Feature）、更复杂的片元着色器计算以及后处理开销。在移动端或低端PC上，优化至关重要。

6.1 性能优化要点

1. 描边优化：

   • 层级过滤：务必在Renderer Feature的Settings中设置outlineLayerMask，只对真正需要描边的物体（如主角、重要NPC）启用，避免给背景建筑、花草等都加上描边。
   • LOD支持：为带有描边的模型配置LOD Group，当模型距离摄像机较远时，使用更简化的版本，同时可以减小或关闭描边。
   • 宽度控制：_OutlineWidth值不宜过大，通常0.01-0.05在1080p分辨率下足够。可以考虑根据物体到相机的距离动态减小宽度。

2. 着色器优化：

   • 简化计算：在保证效果的前提下，用step代替smoothstep，用简单的运算代替复杂的pow、sin等。避免在片元着色器中进行循环或分支过多的代码。
   • 纹理采样：确保色阶贴图_RampMap尺寸足够小（如128x1），并设置为Clamp包裹模式和Point或Bilinear过滤模式（取决于是否需要平滑过渡）。
   • Shader变体管理：如果你的Shader有很多可开关的特性（如是否启用高光、边缘光），要妥善使用shader_feature和multi_compile，并在材质上明确设置关键字，避免产生过多的Shader变体导致内存和编译时间膨胀。

3. 后处理优化：

   • 分辨率缩放：对Bloom、自定义全屏效果等，可以考虑以半分辨率或四分之一分辨率进行渲染，再上采样，能显著降低像素处理量。
   • 按需启用：不是所有场景都需要全套后处理。可以通过脚本或Volume系统动态启用/禁用某些效果。

6.2 常见问题与解决方案

构建一套完整的URP卡通渲染管线是一个从原理到实践、不断迭代和调优的过程。它没有唯一的“正确”答案，最终效果取决于你对目标艺术风格的理解和取舍。本文提供了一套从基础到进阶的完整框架和实现思路，并分享了我们在实际项目中积累的关键技巧和避坑指南。希望它能成为你探索Unity风格化渲染之路的一块坚实跳板。记住，最好的学习方式就是动手实践，从一个简单的色阶化Shader开始，逐步添加描边、高光、边缘光，观察每一次变化带来的视觉影响，你很快就会掌握这门让游戏充满个性和魅力的技术。