1. 项目概述：为什么我们需要轮廓着色器？

在3D游戏和实时渲染的世界里，角色的“存在感”很大程度上取决于其与环境的视觉区分度。想象一下，一个精心设计的角色模型，在复杂的光照和背景中，其轮廓却模糊不清，仿佛要“融化”在场景里，这无疑是对美术资源的巨大浪费。这就是轮廓着色器（Outline Shader）大显身手的地方。它并非一个单一的内置功能，而是一系列通过编写Shader代码，在模型边缘额外渲染一层“描边”或“光晕”效果的技术总称。

无论是为了突出主角、增强卡通渲染风格，还是为技能特效、交互提示（如可选中目标）提供清晰的视觉反馈，轮廓特效都是提升游戏视觉品质和交互清晰度的利器。很多刚接触Unity的开发者，可能会尝试使用“复制并放大模型”这种简单粗暴的方法，但很快就会遇到性能开销大、效果不自然（如接缝处断裂）、无法处理复杂拓扑等问题。因此，掌握一套专业、高效且可控的轮廓着色器实现方案，是每个希望提升项目视觉表现力的开发者必备的技能。本指南将带你深入核心，从原理到实践，快速实现电影级、游戏级的3D边缘特效。

2. 轮廓着色器核心原理深度解析

轮廓效果的实现，本质上是回答一个问题：“如何让计算机知道哪里是模型的‘边缘’？” 在3D渲染管线中，并没有一个叫“边缘”的现成数据。我们需要通过计算，从已有的信息中“推导”出边缘。主流方法主要围绕以下几种信息展开：

2.1 基于法线（Normal）与视角（View）的检测

这是最经典、最直观的原理。其核心思想是：当一个三角面的法线方向与观察者视线方向的夹角接近90度时，这个面就处于“边缘”位置。

• 计算过程：在片元着色器（Fragment Shader）中，我们获取当前像素点的世界空间法线（worldNormal）和从该点到摄像机的方向向量（viewDir）。计算这两个向量的点积（dot(N, V)）。点积结果的范围是[-1, 1]，当两个向量垂直时，点积为0；平行时，为1或-1。因此，我们设定一个阈值（如0.2到0.5），当abs(dot(N, V)) < threshold时，就认为该像素处于边缘区域，为其赋予轮廓颜色。
• 优势与局限：这种方法实现简单，对模型拓扑不敏感，能产生均匀平滑的轮廓。但它有一个致命缺点：无法处理“折痕”或“材质边界”。例如，一个立方体，其相邻两个面的法线夹角本身就是90度，即使正面观看，这两个面的交界处也会被识别为“边缘”，导致轮廓线出现在模型内部，破坏了整体感。

2.2 基于深度（Depth）与法线（Normal）的屏幕后处理

这是一种更高级、更通用的方法，它不修改原始模型，而是在所有物体渲染完成后，对整个屏幕图像进行处理。

• 核心流程：
  1. 渲染准备：首先，我们需要渲染两张关键的纹理（Render Texture）：一张是场景的深度图（Depth Texture），记录了每个像素距离摄像机的深度值；另一张是场景的法线图（Normal Texture），记录了每个像素的世界空间法线信息。在URP/HDRP中，深度图通常可以直接访问，法线图可能需要额外配置或渲染。
  2. 边缘检测：在后处理着色器中，对屏幕上的每个像素，采样其周围相邻像素（如上、下、左、右）的深度值和法线值。
  3. 差异计算：
     • 深度差异：计算当前像素与相邻像素的深度差。如果深度差超过某个阈值，说明此处存在物体间的遮挡边界或远近突变，属于几何边缘。
     • 法线差异：计算当前像素与相邻像素的法线向量的夹角（通过点积）。如果夹角超过阈值，说明此处表面朝向发生剧烈变化，属于模型自身的轮廓或折痕边缘。
  4. 合成输出：将深度边缘和法线边缘的结果合并，凡是超过阈值的地方，就叠加一层轮廓颜色到最终画面上。
• 优势：这是目前最主流、效果最好的方法之一。它能同时捕获物体间的遮挡边缘和物体自身的轮廓边缘，效果非常准确和完整。并且它是屏幕空间的，与场景中物体数量、复杂度无关，性能相对稳定。
• 注意事项：后处理效果会作用于屏幕内所有物体，可能需要对特定物体（如UI）进行屏蔽。深度纹理的精度在远距离时可能不足，导致边缘闪烁（Z-fighting），需要合理设置摄像机的远近裁剪平面。

2.3 基于几何着色器（Geometry Shader）或外壳（Shell）方法

这种方法回归到模型本身，在几何阶段做文章。

• 几何着色器方法：在顶点着色器之后，几何着色器可以获取一个图元（如三角形）的所有信息。通过检测相邻图元之间的法线或位置连续性，可以生成新的边缘几何体（如细长的四边形）并输出渲染。这种方法非常灵活，可以生成各种风格的轮廓（如虚线、渐变）。但几何着色器在移动平台支持有限，且性能开销较大，尤其是对于面数多的模型。
• 外壳（Shell）方法：这是“复制放大模型”的优化版。在着色器中，我们通过顶点偏移（Vertex Offset）来生成轮廓。具体步骤是：
  1. 在第一个渲染通道（Pass）中，正常渲染模型内部。
  2. 在第二个Pass中，我们再次渲染这个模型，但将所有顶点沿着其法线方向向外挤出（v.vertex.xyz += v.normal * _OutlineWidth）。
  3. 对这个挤出的“外壳”只渲染其背面（Cull Front），并赋予一个纯色（轮廓色）。这样，只有从原始模型外部能看到的部分（即轮廓）会被渲染出来。
• 优势与局限：外壳方法实现简单，性能尚可，是早期非常流行的方案。但它同样有接缝（Seam）问题：在UV边界或硬边（Hard Edge）处，顶点的法线方向不连续，会导致挤出的外壳在这些地方断裂，形成难看的缝隙。解决它需要额外的平滑法线或切线信息，增加了复杂度。

3. 实战：在URP中实现基于深度-法线的屏幕空间轮廓

理论讲完，我们进入实战。我将以Unity的通用渲染管线（URP）为例，手把手实现一个效果专业、性能可控的屏幕空间轮廓后处理效果。这是目前综合效果最好的方案。

3.1 环境准备与资源创建

1. 项目设置：确保你的项目使用的是URP。在Package Manager中安装或更新Universal RP包。
2. 创建渲染器资产：如果还没有，在Project窗口右键 -> Create -> Rendering -> Universal Render Pipeline -> Renderer Feature。创建一个Forward Renderer资产（如MyForwardRenderer）。
3. 配置渲染器：在Project Settings -> Graphics -> Scriptable Render Pipeline Settings中，确保你的URP Asset的Renderer List使用了上一步创建的Renderer。
4. 创建后处理着色器与材质：
   • 右键 -> Create -> Shader -> Universal Render Pipeline -> Unlit Shader，命名为OutlinePostProcess。
   • 右键该着色器 -> Create -> Material，生成对应的材质球，命名为Mat_Outline。

3.2 编写屏幕空间轮廓着色器

打开OutlinePostProcess.shader，我们将完全重写它。核心思路是使用URP的Blit命令和自定义的全屏后处理。

Shader "Hidden/OutlinePostProcess" { HLSLINCLUDE #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl" #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/DeclareDepthTexture.hlsl" #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/DeclareNormalsTexture.hlsl" TEXTURE2D(_MainTex); SAMPLER(sampler_MainTex); float4 _MainTex_TexelSize; // 每个像素的尺寸，用于计算相邻像素UV float _OutlineWidth; float4 _OutlineColor; float _DepthThreshold; float _NormalThreshold; struct Attributes { float4 positionOS : POSITION; float2 uv : TEXCOORD0; }; struct Varyings { float4 positionHCS : SV_POSITION; float2 uv : TEXCOORD0; }; Varyings Vert(Attributes input) { Varyings output; output.positionHCS = TransformObjectToHClip(input.positionOS.xyz); output.uv = input.uv; return output; } // 核心边缘检测函数 float GetEdgeValue(float2 uv) { // 定义采样偏移，基于_OutlineWidth控制采样距离 float2 offset = _MainTex_TexelSize.xy * _OutlineWidth; // 采样当前像素和四个方向的相邻像素 float depthCenter = SampleSceneDepth(uv); float3 normalCenter = SampleSceneNormals(uv); float depthRight = SampleSceneDepth(uv + float2(offset.x, 0)); float3 normalRight = SampleSceneNormals(uv + float2(offset.x, 0)); float depthLeft = SampleSceneDepth(uv - float2(offset.x, 0)); float3 normalLeft = SampleSceneNormals(uv - float2(offset.x, 0)); float depthUp = SampleSceneDepth(uv + float2(0, offset.y)); float3 normalUp = SampleSceneNormals(uv + float2(0, offset.y)); float depthDown = SampleSceneDepth(uv - float2(0, offset.y)); float3 normalDown = SampleSceneNormals(uv - float2(0, offset.y)); // 计算深度差异（使用局部差分） float depthHorizontal = abs(depthRight - depthLeft); float depthVertical = abs(depthUp - depthDown); float depthEdge = max(depthHorizontal, depthVertical); // 计算法线差异（使用点积衡量相似度） float normalEdge = 0; normalEdge += 1.0 - dot(normalCenter, normalRight); normalEdge += 1.0 - dot(normalCenter, normalLeft); normalEdge += 1.0 - dot(normalCenter, normalUp); normalEdge += 1.0 - dot(normalCenter, normalDown); normalEdge *= 0.25; // 取平均 // 合并边缘信号，使用阈值判断 float edge = 0; if (depthEdge > _DepthThreshold || normalEdge > _NormalThreshold) { edge = 1.0; } // 可选：使用smoothstep让边缘过渡更柔和 // edge = smoothstep(_DepthThreshold*0.5, _DepthThreshold, depthEdge) + smoothstep(_NormalThreshold*0.5, _NormalThreshold, normalEdge); return edge; } float4 Frag(Varyings input) : SV_Target { float4 originalColor = SAMPLE_TEXTURE2D(_MainTex, sampler_MainTex, input.uv); // 获取边缘值（0或1） float edge = GetEdgeValue(input.uv); // 混合原始颜色和轮廓色 float4 outlineColor = _OutlineColor; float4 finalColor = lerp(originalColor, outlineColor, edge * _OutlineColor.a); // 使用轮廓色的透明度控制混合强度 return finalColor; } ENDHLSL SubShader { Tags { "RenderType"="Opaque" "RenderPipeline"="UniversalPipeline" } Cull Off ZWrite Off ZTest Always Pass { Name "Outline Pass" HLSLPROGRAM #pragma vertex Vert #pragma fragment Frag ENDHLSL } } }

代码关键点解析：

1. _MainTex_TexelSize：这是一个非常重要的内置变量，它告诉我们纹理上一个像素在UV空间中的大小。float2 offset = _MainTex_TexelSize.xy * _OutlineWidth;这行代码决定了我们采样“相邻像素”的距离，从而控制了轮廓线的视觉粗细。
2. SampleSceneDepth和SampleSceneNormals：这是URP提供的函数，用于安全地采样摄像机渲染的深度和法线纹理。你需要确保你的URP摄像机启用了这些纹理。在摄像机组件或URP Asset中查找“Depth Texture”和“Opaque Texture”（其中包含法线）选项并勾选。
3. 边缘计算逻辑：我们分别计算水平方向和垂直方向的深度变化（abs(depthRight - depthLeft)），取最大值作为深度边缘强度。对于法线，我们计算中心法线与四个方向法线的点积，点积越接近1说明方向越一致，用1.0 - dot(...)得到差异值，然后取平均。
4. 阈值判断：_DepthThreshold和_NormalThreshold是两个关键参数，需要你在材质球上调试。深度阈值通常很小（如0.01-0.05），用于捕捉物体间的遮挡；法线阈值用于捕捉模型自身轮廓，值取决于你想要的灵敏度。
5. 混合：lerp函数根据edge值（0或1）在原始颜色和轮廓色之间线性插值。我们乘上了_OutlineColor.a，这样你可以通过调整轮廓颜色的透明度来控制轮廓的强弱，实现更柔和的效果。

3.3 创建并配置Renderer Feature

我们需要一个Renderer Feature来将我们的后处理效果插入到URP的渲染流程中。

1. 创建C#脚本：新建一个C#脚本，命名为OutlineRendererFeature.cs。

using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class OutlineRendererFeature : ScriptableRendererFeature { [System.Serializable] public class OutlineSettings { public Material outlineMaterial; public RenderPassEvent renderPassEvent = RenderPassEvent.AfterRenderingOpaques; public float outlineWidth = 2.0f; public Color outlineColor = Color.red; public float depthThreshold = 0.01f; public float normalThreshold = 0.4f; } public OutlineSettings settings = new OutlineSettings(); class OutlineRenderPass : ScriptableRenderPass { private Material material; private OutlineSettings passSettings; private RenderTargetIdentifier source; private RenderTargetHandle tempTexture; public OutlineRenderPass(Material mat, OutlineSettings settings) { material = mat; passSettings = settings; tempTexture.Init("_TemporaryOutlineTexture"); } public void Setup(RenderTargetIdentifier source) { this.source = source; } public override void Configure(CommandBuffer cmd, RenderTextureDescriptor cameraTextureDescriptor) { // 创建一个临时的渲染纹理用于Blit操作 cmd.GetTemporaryRT(tempTexture.id, cameraTextureDescriptor); } public override void Execute(ScriptableRenderContext context, ref RenderingData renderingData) { if (material == null) { Debug.LogError("Outline material is missing!"); return; } CommandBuffer cmd = CommandBufferPool.Get("Outline Post Process"); // 将参数传递给材质球 material.SetFloat("_OutlineWidth", passSettings.outlineWidth); material.SetColor("_OutlineColor", passSettings.outlineColor); material.SetFloat("_DepthThreshold", passSettings.depthThreshold); material.SetFloat("_NormalThreshold", passSettings.normalThreshold); // 执行Blit：从source渲染到临时纹理，应用我们的材质，然后再Blit回去 Blit(cmd, source, tempTexture.Identifier(), material, 0); Blit(cmd, tempTexture.Identifier(), source); context.ExecuteCommandBuffer(cmd); CommandBufferPool.Release(cmd); } public override void FrameCleanup(CommandBuffer cmd) { // 释放临时纹理 cmd.ReleaseTemporaryRT(tempTexture.id); } } OutlineRenderPass outlinePass; public override void Create() { if (settings.outlineMaterial != null) { outlinePass = new OutlineRenderPass(settings.outlineMaterial, settings); outlinePass.renderPassEvent = settings.renderPassEvent; } } public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) { if (renderingData.cameraData.cameraType == CameraType.Game) { if (settings.outlineMaterial == null) { Debug.LogWarning("Outline material is not assigned in OutlineRendererFeature."); return; } outlinePass.Setup(renderer.cameraColorTarget); renderer.EnqueuePass(outlinePass); } } }

2. 配置Renderer Feature：
   • 打开之前创建的MyForwardRenderer资产。
   • 在它的Inspector面板中，点击Add Renderer Feature，选择OutlineRendererFeature。
   • 将之前创建的Mat_Outline材质球拖拽到Outline Material槽位。
   • 调整参数：Outline Width控制采样范围（视觉粗细），Outline Color设置轮廓颜色，Depth Threshold和Normal Threshold用于微调边缘检测的灵敏度。

3.4 参数调试与效果优化

现在运行游戏，你应该能看到轮廓效果了。但很可能效果不完美，需要进行精细调试。

1. 轮廓断裂或闪烁：
   • 原因：深度纹理精度不足（Z-fighting），尤其是在远距离物体上。
   • 解决：检查摄像机的Near和Far裁剪平面。尽量让Far值不要设置得过大（如1000以上），以保持深度精度。在URP Asset中，可以尝试启用Depth Precision为High（如果选项存在）。适当提高_DepthThreshold值，过滤掉因精度问题产生的小深度差异。
2. 轮廓太粗或太细，且不随距离变化：
   • 原因：我们的_OutlineWidth是固定的像素偏移量。
   • 优化：可以让轮廓宽度基于深度进行自适应。在着色器中，根据当前像素的深度值调整offset。深度值大（远）时，使用较小的offset；深度值小（近）时，使用较大的offset。这能模拟出透视上更合理的轮廓。

   float depth = SampleSceneDepth(uv); float linearDepth = LinearEyeDepth(depth, _ZBufferParams); // 将深度转换为线性眼空间深度 float widthScale = saturate(1.0 / linearDepth); // 简单的反比缩放，可根据需要调整曲线 float2 offset = _MainTex_TexelSize.xy * _OutlineWidth * widthScale;

3. 轮廓颜色溢出或边缘生硬：
   • 原因：我们的边缘判断是二元的（0或1），导致轮廓线边界锐利。
   • 优化：将GetEdgeValue函数中的if判断改为平滑过渡。使用smoothstep函数，它会在两个阈值之间产生一个平滑的0到1的渐变。

   float depthEdge = max(depthHorizontal, depthVertical); float normalEdge = ...; // 计算法线差异平均值 // 使用smoothstep获得平滑的边缘强度值 float depthEdgeStrength = smoothstep(_DepthThreshold * 0.5, _DepthThreshold, depthEdge); float normalEdgeStrength = smoothstep(_NormalThreshold * 0.5, _NormalThreshold, normalEdge); float edge = saturate(depthEdgeStrength + normalEdgeStrength); // 合并并限制在[0,1]

   这样，轮廓线的边缘会有自然的淡入淡出，效果更柔和。
4. 性能考量：
   • 屏幕后处理需要对每个像素进行多次纹理采样（我们采了5次深度+5次法线）。在低端设备上，全屏应用可能成为瓶颈。
   • 优化建议：可以尝试将后处理应用于降低分辨率（Downsample）的缓冲区，然后再上采样（Upsample）到屏幕分辨率，这能显著减少像素处理量。或者，只为重要的主角、敌人等特定层级（Layer）的物体生成轮廓，这需要修改渲染流程，先渲染这些物体到一张单独的RT，然后基于这张RT做轮廓检测。

4. 进阶技巧与风格化轮廓实现

掌握了基础实现后，我们可以玩出更多花样，实现不同艺术风格的需求。

4.1 内外双轮廓与发光效果

有时我们需要更醒目的提示，比如BOSS的狂暴状态。可以实现内外两层不同颜色或不同宽度的轮廓。

• 实现思路：最简单的方法是运行两次边缘检测Pass，但性能翻倍。更高效的方法是在一个Pass内，使用不同的采样偏移（offset）计算两次边缘强度。例如，用较小的offset1计算内边缘，用较大的offset2计算外边缘，然后将两种边缘强度以不同的颜色混合。
• 发光（Glow）效果：轮廓不一定是实线。我们可以对边缘强度图进行模糊（Blur）处理。在后处理Pass中，先按照上述方法得到一张只有轮廓信号的单通道纹理（边缘强度图），然后对这个纹理进行多次高斯模糊或方框模糊，最后将模糊后的结果以“Additive”混合模式叠加到原画面上，就能产生柔和的发光光晕效果。这常用于魔法、能量体等特效。

4.2 卡通风格（Cel-shading）轮廓与笔触感

卡通渲染的轮廓线往往更粗、更有笔触感，并且可能不是均匀的。

• 抖动（Dithering）与不连贯：在计算出的edge值上，可以加上基于屏幕坐标的噪声纹理采样，或者使用step函数配合一个噪声值，让轮廓线产生断断续续的“笔触”感。
• 轮廓线粗细变化：除了基于深度变化，还可以基于模型曲率（Curvature）或顶点色（Vertex Color）来动态调整_OutlineWidth。例如，在模型制作时，在拐角处（高曲率）的顶点色中存入较大的值，在着色器中读取这个值来加粗该处的轮廓，模拟手绘中强调结构线的感觉。

4.3 轮廓与场景交互：遮挡处理与深度衰减

一个高级的效果是让轮廓线能够智能地与场景交互。

• 被遮挡部分淡化：当前我们的轮廓线即使物体被其他物体挡住，其被遮挡部分的轮廓也会显示（因为屏幕空间法线/深度信息还在）。更真实的效果是，当轮廓线部分被其他物体遮挡时，应该淡化或消失。这需要更复杂的处理，比如比较轮廓像素的深度与场景深度缓冲区的深度，如果轮廓像素的深度比场景深度大（即它在更后面），则减弱其颜色强度。
• 深度衰减：让轮廓线的颜色或强度随着物体远离摄像机而减弱。这可以通过在片元着色器中，根据线性深度（linearDepth）来调制_OutlineColor的透明度（alpha值）轻松实现，让远处的轮廓自然融入环境。

5. 常见问题排查与性能优化指南

在实际项目集成中，你肯定会遇到各种问题。这里整理了一份速查表。

我个人在实际项目中的深刻体会是，轮廓着色器是一个“调参艺术”大于“编码技术”的领域。没有一个放之四海而皆准的参数。你必须根据项目的艺术风格（写实、卡通）、场景复杂度（室内、户外）、目标平台（PC、移动端）进行反复微调。例如，在一个风格化卡通项目中，你可能需要较高的法线阈值和较粗的轮廓宽度，并加上颜色抖动；而在一个写实风格的3A级项目中，你可能只需要一个非常细微的、仅基于深度的轮廓来微妙地提升角色辨识度，参数会非常精细。

最后一个小技巧：在调试时，可以临时修改着色器，让Frag函数直接返回float4(edge, edge, edge, 1.0)，这样你就能在屏幕上直接看到黑白二值的“边缘检测图”，这能让你非常直观地理解_DepthThreshold和_NormalThreshold这两个参数到底在控制什么，从而快速调出理想的效果。记住，好的轮廓效果应该是“感觉不到它存在，但一旦去掉就会觉得少了点什么”的状态。