URP中5分钟实现发光轮廓：ShaderGraph核心原理与实战

1. 项目概述：为什么“发光轮廓”是URP项目的点睛之笔

在Unity的通用渲染管线（URP）里折腾过一阵子的朋友，大概都遇到过这个痛点：想把一个3D模型做出那种酷炫的、仿佛从内部透出光芒的轮廓线效果，结果发现以前在Built-in管线里用的老插件、老Shader，一升级到URP就全“瞎”了。这感觉就像给爱车换了个新引擎，结果发现原来的酷炫车灯不亮了，非常恼火。今天要聊的，就是如何在URP项目里，用官方钦点的可视化工具ShaderGraph，在5分钟内，亲手给你的模型“穿”上这种专业级的发光轮廓。

这个效果远不止是“好看”那么简单。在游戏开发、产品演示、数据可视化甚至影视预演中，发光轮廓（也叫边缘光、轮廓光或 Rim Light）是提升视觉层次感和信息传达效率的利器。想象一下，在昏暗的场景中，你的主角或关键道具被一层柔和的光晕包裹，立刻就能从背景中“跳”出来，引导玩家的视线。或者在一个复杂的机械结构展示中，用不同颜色的发光轮廓来高亮显示可交互的部件，交互逻辑一目了然。它解决的，是如何在复杂3D环境中，清晰、优雅且高性能地突出视觉焦点的问题。

而选择URP + ShaderGraph这条技术路径，正是当前Unity开发的主流和未来。URP提供了更现代、更高效的渲染框架，而ShaderGraph则把原本需要手写代码的Shader创作过程，变成了连连看的可视化操作，大大降低了图形编程的门槛。你不再需要去死磕那些晦涩的HLSL代码，也能创造出令人惊艳的视觉效果。接下来，我就带你一步步拆解这个效果的实现，从核心原理到每一个节点的连接，保证你即使是个Shader新手，也能跟着做出效果。

2. 核心原理与ShaderGraph设计思路拆解

在动手连接节点之前，我们必须先搞清楚“发光轮廓”这个效果到底是怎么被计算机画出来的。知其然更要知其所以然，这样以后你想调整效果、排查问题甚至创造变体时，才能游刃有余。

2.1 发光轮廓的数学本质：视角与法线的夹角

发光轮廓效果的核心原理，其实是一个简单的几何概念：菲涅尔效应（Fresnel Effect）的简化应用。简单来说，就是物体的表面，其朝向与你（摄像机）的视线方向夹角越大，我们看到的效果就越明显。

我们可以用一个生活中的例子来理解：你正对着一个光滑的球体，视线垂直于球面中心，这时你看到的是球体本身的颜色或纹理。但当你视线逐渐移向球的边缘，视线与球面法线的夹角越来越大，在真实世界中，你会看到更多的环境反射光。在我们的Shader中，我们就模拟这种现象：计算物体表面每个点的法线向量与指向摄像机的视线向量之间的夹角。

这个夹角越小（比如物体正面朝向摄像机），我们希望发光效果越弱甚至消失；夹角越大（比如物体的侧边或背面边缘），我们希望发光效果越强。ShaderGraph里有一个现成的节点叫Fresnel Effect，它内部就是做了这个计算：1 - dot(Normal, View Direction)。dot是点乘运算，结果就是两个向量夹角的余弦值。当法线与视线方向完全一致时（夹角0度），点乘结果为1，经过1 - 1后输出为0，代表无发光。当两者垂直时（夹角90度），点乘结果为0，1 - 0后输出为1，代表完全发光。

2.2 在URP中获取关键数据：法线、视线与深度

理解了原理，下一步就是思考在ShaderGraph中如何获取这些计算所需的数据。这是从Built-in管线迁移到URP时最容易卡住的地方，因为一些数据的获取方式变了。

1. 法线向量：在ShaderGraph中，我们可以通过Normal Vector节点直接获取物体表面的法线信息（在物体空间或世界空间）。通常我们使用世界空间下的法线，计算更统一。
2. 视线向量：我们需要一个从物体表面指向摄像机位置的向量。在ShaderGraph中，最常用的方法是使用View Direction节点。请注意，这个节点默认输出的是从摄像机指向物体表面的向量，与我们需要的方向相反。因此，我们通常需要连接一个Negate节点来反转它，或者直接在后续的点乘计算中注意顺序。
3. 屏幕边缘检测增强：纯靠法线和视线计算的轮廓光，有时在物体内部平坦区域也会产生微弱效果。为了确保发光只发生在最外缘，我们常常引入深度差或屏幕空间法线信息作为遮罩。简单来说，就是比较当前像素和它背后像素的深度或法线，如果变化剧烈，就说明这里是边缘。在ShaderGraph中，我们可以使用Scene Depth节点和DDX/DDY节点来近似实现，但这属于进阶优化。对于最基本的5分钟实现，我们先聚焦于核心的菲涅尔方法。

2.3 整体节点流程图设计

有了上面的知识储备，我们的ShaderGraph蓝图就清晰了：

1. 输入：获取世界空间法线、反转后的视线方向。
2. 处理：计算菲涅尔强度（1 - 点乘），并通过Power节点控制发光范围的软硬程度，通过Remap节点调整发光强度的阈值和对比度。
3. 输出：将处理后的强度值，与一个你喜欢的发光颜色（例如亮蓝色、橙色）相乘，然后叠加到模型原有的表面颜色上。这个“叠加”是关键，通常使用Add或Lerp混合模式。

这个设计思路的优势在于，它完全在片元着色器阶段完成，不依赖额外的Pass（渲染通道），在URP的单Pass前向渲染框架下非常高效，符合移动端和性能敏感项目的需求。

3. 保姆级实操：5分钟构建你的第一个发光轮廓Shader

理论说得差不多了，我们打开Unity，直接开干。我假设你已经创建了一个URP项目并准备好了ShaderGraph。如果还没，先去Package Manager里安装“Shader Graph”包，然后在Project窗口右键 Create > Shader Graph > URP > Lit Shader Graph（因为我们通常需要它和原有的PBR光照交互）。

3.1 创建与基础节点搭建

1. 创建并命名：新建的Shader Graph默认打开。首先在Graph Inspector面板（通常位于编辑器左侧）的Graph Settings里，确保“Pipeline”是Universal RP。给你的图表起个名字，比如“URP_RimLight_Example”。
2. 创建关键属性：我们需要在Shader中暴露一些参数，方便在材质球上实时调整。在Blackboard区域点击“+”，添加以下属性：
   • Rim Color(Color)：轮廓光颜色，默认可以设为一个亮蓝色（HEX值：00C8FF）。
   • Rim Power(Vector1)：控制发光范围的衰减指数。值越大，发光范围越窄、越硬。默认值设为4。
   • Rim Intensity(Vector1)：控制发光颜色的整体强度。默认值设为1。
3. 获取基础向量：
   • 在节点图空白处右键，搜索Normal Vector节点并添加。将其“Space”设置为“World”，这样我们得到世界空间法线。
   • 右键搜索View Direction节点并添加。同样设置“Space”为“World”。此时，这个节点输出的是从摄像机指向表面的向量V。
   • 我们需要表面指向摄像机的向量-V。有两种方法：一是添加一个Negate节点，将View Direction连入；二是在后续计算中，我们连接法线到Dot Product节点的A端口，将View Direction连接到B端口，这样计算的是dot(N, V)。由于我们需要的是1 - dot(N, -V)，而dot(N, -V) = -dot(N, V)，所以公式变为1 - (-dot(N, V)) = 1 + dot(N, V)。这里我们采用第一种更直观的方法：添加Negate节点处理View Direction。

3.2 核心计算网络连接

这是最关键的一步，请跟着一步一步连接：

1. 计算菲涅尔因子：

   • 添加一个Dot Product节点。
   • 将Normal Vector(World) 节点输出端连接到它的A端口。
   • 将Negate节点的输出端（即我们反转后的视线方向）连接到它的B端口。
   • 此时，Dot Product节点的输出是一个标量，范围在[-1, 1]。当法线与视线反向时（正面），值接近-1；垂直时接近0；同向时（背面）接近1。但我们需要的边缘强度在正面最弱（0），在侧面最强（1）。
   • 添加一个Saturate节点（用于将值钳制在0到1之间），将Dot Product的输出连入。因为我们的计算dot(N, -V)在正面时可能是负值，Saturate会将其变为0。
   • 添加一个One Minus节点（即1 - x）。将Saturate节点的输出连入。现在，输出值就符合我们的直觉了：正面（法线与视线反向）接近0，边缘接近1。我们称这个结果为RawFresnel。

2. 调整发光形态：

   • RawFresnel的衰减是线性的，发光区域可能很宽泛。我们使用Rim Power属性来塑造它。
   • 添加一个Power节点。将One Minus节点的输出连接到它的“Base”输入口。
   • 将Blackboard中的Rim Power属性拖到图上，连接到Power节点的“Exp”输入口。
   • 尝试调整Rim Power值看看效果：值越大（如10），只有非常边缘的区域会发光；值越小（如1.5），发光区域会更柔和、更宽。我们得到了经过幂运算处理的强度值FresnelMask。

3. 应用颜色与强度：

   • 添加一个Multiply节点（乘法）。
   • 将Blackboard中的Rim Color属性拖到图上，连接到Multiply节点的A端口。
   • 再添加一个Multiply节点。将上一步的FresnelMask连接到它的A端口，将Rim Intensity属性连接到它的B端口。这控制了发光的总强度。
   • 将第一个Multiply节点（颜色）的输出，连接到第二个Multiply节点的A端口？不对，这里逻辑需要理清。我们最终要得到的是：发光颜色贡献值 = RimColor * (FresnelMask * RimIntensity)。
   • 正确连接：添加一个Multiply节点用于组合强度和遮罩。将FresnelMask和Rim Intensity属性连接给它，输出FinalMask。然后再用一个Multiply节点，将Rim Color和FinalMask相乘，得到最终的Rim Contribution（轮廓光贡献值）。

3.3 与主着色器合成输出

现在我们已经计算出了轮廓光应该贡献多少颜色，最后一步是把它“画”到模型上。

1. 获取模型原本颜色：我们的Shader Graph是基于Lit模板的，它已经计算好了包含贴图、光照等信息的最终颜色。在节点图中，找到PBR Master节点（这是旧版名称）或Universal Lit Master节点（新版）。它有一个Base Color输入端口。实际上，我们通常将轮廓光效果叠加到最终输出的“发射光”（Emission）上，这样它不会影响物体本身的漫反射和镜面反射，更符合“自发光轮廓”的物理直觉。
2. 叠加到发射光通道：
   • 找到Master节点的Emission输入端口。
   • 直接将我们计算好的Rim Contribution（颜色与强度的乘积）连接到Emission端口。
   • 重要提示：在URP中，要使Emission通道生效，你还需要在材质球上勾选“Emission”属性，并可能需要调整全局的后期处理Bloom效果，才能看到发光“泛开”的效果。如果只是纯色叠加，连接到Base Color然后用Add混合模式也可以，但连接到Emission是更规范的做法。
3. 替代方案：颜色叠加：如果你想简单点，也可以使用Add节点。将Master节点原有的Base Color输入（可能来自某个属性或纹理样本）与我们的Rim Contribution连接到一个Add节点，然后将Add的结果输出回Master的Base Color。但这样会“冲淡”物体本身的颜色。

至此，你的Shader Graph应该已经连接完毕。点击左上角的“Save Asset”保存。

3.4 创建材质并应用到模型

1. 在Project窗口，右键你的Shader Graph文件，选择Create > Material。这会生成一个使用该Shader的材质球。
2. 将新建的材质球拖到你的3D模型上。
3. 选中该材质球，在Inspector面板中，你应该能看到我们暴露的Rim Color,Rim Power,Rim Intensity参数。
4. 尝试调整这些参数：
   • 拖动Rim Power，观察发光区域从宽到窄的变化。
   • 更改Rim Color，换成红色、绿色或白色。
   • 调节Rim Intensity，让发光更亮或更暗。
5. 确保在场景中有一个启用了Bloom效果的后期处理体积（Post-Processing Volume），这样当Emission值较高时，你才能看到光芒“溢出”的真实发光效果。可以在Window > Package Manager中安装“Post Processing”包，并在摄像机或场景中添加Post-Processing Volume组件，启用Bloom。

注意：如果你的模型在场景中看起来没有任何发光效果，请按以下顺序排查：第一，检查材质球是否确实应用了你的Shader Graph材质；第二，检查Shader Graph中Master节点的“Surface Type”是否为Opaque（不透明），如果你的模型是透明的，需要设为Transparent并设置混合模式；第三，如果连接到了Emission端口，请务必在材质球Inspector中展开“Emission”模块并勾选启用，同时调整Emission Intensity值；第四，检查场景光照和后期处理Bloom是否启用。

4. 进阶优化与效果深度定制

基础效果实现了，但你可能觉得它有点“平”或者“假”。别急，通过一些进阶技巧，我们可以让轮廓光效果瞬间提升几个档次，更接近3A游戏或高品质演示中的感觉。

4.1 用纹理控制发光强度与形状

让轮廓光均匀地包裹整个模型有时并不理想。比如，你只想让机械模型的关节处发光，或者让角色的武器刃口发光更锐利。这时，我们需要一张遮罩纹理。

1. 创建或准备纹理：使用Photoshop、Substance Painter甚至简单的画图工具，创建一张灰度图。在需要强发光的区域画白色，在不需要发光的区域画黑色。可以将纹理的环绕模式（Wrap Mode）设为Clamp，防止边缘拉伸。
2. 在ShaderGraph中引入纹理采样：
   • 在Blackboard中添加一个Texture2D属性，命名为Rim Mask Map。
   • 将其拖入图表，会自动生成一个Sample Texture 2D节点。
   • 我们需要模型的UV坐标来采样。添加一个UV节点，通常使用默认的通道0。
   • 将UV节点连接到Sample Texture 2D的UV输入口。
3. 与菲涅尔遮罩相乘：
   • 找到之前计算FinalMask（即FresnelMask * RimIntensity）的乘法节点。
   • 在它之后，再添加一个Multiply节点。
   • 将FinalMask连接到新Multiply节点的A端口。
   • 将Sample Texture 2D节点的R（红色通道，因为灰度图RGB值相同）输出口，连接到新Multiply节点的B端口。
   • 这个新节点的输出，就是被纹理局部调制后的最终强度遮罩TexturedMask。再用它去乘以Rim Color。
4. 效果：现在，轮廓光只会出现在你纹理中白色的区域，并且强度会受到纹理灰度值的影响。你可以用这张图做出斑驳的、有图案的轮廓光效果。

4.2 实现动态脉冲呼吸效果

静态的发光轮廓很好，但动态的、脉动的光更能吸引注意力。我们可以让发光的强度随时间变化。

1. 引入时间变量：在ShaderGraph中右键搜索Time节点并添加。使用其Sine Time或Time输出口。Sine Time是正弦波，自带-1到1的平滑循环，非常适合做呼吸效果。
2. 构造动态强度：
   • 添加一个Remap节点。它的作用是将一个输入范围映射到新的输出范围。
   • 将Sine Time（范围[-1, 1]）连接到Remap的“In”输入口。
   • 将Remap的“In Min”设为-1，“In Max”设为1。
   • 将“Out Min”设为0.2，“Out Max”设为1.0。这意味着我们将正弦波的输出从[-1, 1]重新映射到[0.2, 1.0]，确保强度不会完全熄灭，而是在一个基础值上波动。
   • 将这个Remap节点的输出，命名为PulseFactor。
3. 应用到强度：找到计算FinalMask的乘法节点（FresnelMask * RimIntensity）。我们可以用两种方式结合脉冲：
   • 方式A（调制最终强度）：在得到FinalMask后，再添加一个Multiply节点，将FinalMask与PulseFactor相乘。这样整体的发光强度就会随时间起伏。
   • 方式B（调制颜色强度）：在Rim Color与FinalMask相乘之后，再将结果与PulseFactor相乘。这种方式下，颜色本身也会明暗变化。
   • 通常方式A更常用，因为它不影响颜色的饱和度。

4.3 结合深度实现更精准的屏幕空间边缘

之前提到，纯菲涅尔效果可能在模型内部非边缘区域也产生微弱发光。要获得只出现在屏幕像素级边缘的“描边”效果，我们需要用到屏幕空间信息。

1. 获取屏幕深度：添加Scene Depth节点。这个节点需要屏幕UV坐标。添加一个Screen Position节点，将其输出模式设为“Default”，然后连接一个Split节点取其RG通道（即UV坐标），再连接到Scene Depth节点。
2. 计算深度梯度：深度图存储的是每个像素到摄像机的距离。物体边缘处的深度值会发生突变。我们可以用DDX和DDY节点来计算深度在屏幕X和Y方向上的变化率（导数）。
   • 添加DDX节点，输入为Scene Depth的输出。
   • 添加DDY节点，输入同样为Scene Depth的输出。
   • 添加两个Absolute节点，分别取DDX和DDY结果的绝对值。
   • 添加一个Add节点，将两个绝对值相加，得到近似的深度变化总和DepthEdge。DepthEdge值在边缘处很大，在平坦区域接近0。
3. 生成深度边缘遮罩：对DepthEdge进行阈值处理。
   • 添加一个Saturate节点，先钳制范围。
   • 添加一个Remap节点。将DepthEdge输入，设置合适的“In Max”值（如0.01，这个值需要根据场景缩放调整），将“Out Min”设为0，“Out Max”设为1。这样，深度变化小的区域输出0，变化大的边缘区域输出1。
   • 可以再加一个Power节点让边缘更硬。得到DepthMask。
4. 与菲涅尔遮罩结合：将计算好的DepthMask与之前的FresnelMask相乘。这样，只有同时满足“视角边缘”和“屏幕空间深度边缘”的区域，才会发光。这是实现高质量卡通描边或硬核轮廓高亮的常用技巧。

实操心得：深度边缘检测对性能有轻微开销，且在某些透明物体或后处理效果下可能不准。对于移动平台或性能优先的项目，建议先用纯菲涅尔方案，如果效果可以接受就不必加深度。此外，调整深度边缘的阈值（Remap节点的In Max）是个细活，需要根据场景中物体的尺寸和与摄像机的距离反复微调，没有一个万能值。

5. 性能考量、常见问题与排查指南

在项目里大规模使用自定义Shader效果，必须考虑性能。同时，开发过程中总会遇到各种“坑”，这里我总结了一份常见问题清单和解决方案。

5.1 URP下ShaderGraph性能优化要点

1. 精度选择：ShaderGraph中，每个节点和属性都可以选择精度（Precision）。对于颜色（Color）和范围在0-1之间的参数，使用Half精度通常就足够了，这在移动GPU上比Float精度更快。你可以在Graph Settings里设置默认精度为Half，对于需要高精度的位置计算等节点再单独设为Float。
2. 避免复杂分支：Shader中的if-else分支（在ShaderGraph中可能由Branch节点或某些比较节点隐式形成）在GPU上代价很高，可能导致性能波动。尽量用数学函数（如saturate,lerp,step）来替代。我们的轮廓光计算本身就是无分支的数学运算，这是其高性能的优点。
3. 纹理采样优化：
   • 如果使用了遮罩纹理（Rim Mask Map），确保纹理尺寸合理（通常512x512或更小足矣），并启用Mipmaps。
   • 考虑将遮罩纹理与模型的主纹理（Albedo）的Alpha通道共用，节省一个纹理采样指令。这需要在制作纹理资源时就规划好。
4. 渲染队列与渲染状态：检查你的Shader Graph的Master节点设置。“Surface Type”为Opaque时，渲染队列是Geometry，这是最高效的。如果是Transparent，队列是Transparent，会带来从后往前的排序开销和Overdraw。轮廓光效果尽量在不透明物体上实现，除非你需要透明发光。
5. 批处理与SRP Batcher：确保你的Shader是兼容SRP Batcher的。在Graph Inspector中，“Allow Material Overrides”等设置保持默认通常即可。使用相同的Shader变体的材质球，URP的SRP Batcher能极大提升渲染效率。

5.2 常见问题与解决方案速查表

下表列出了从零开始实现这个效果时，你最可能遇到的几个问题及其解决方法。

5.3 从Built-in管线迁移的特别注意事项

如果你是从旧的Built-in管线项目升级到URP，并想复现原有的轮廓光效果，需要特别注意：

• 着色器语法完全不同：Built-in的Surface Shader或固定函数Shader与URP的ShaderGraph/Lit Shader框架不兼容。不能直接复制代码，必须按照本文的思路在ShaderGraph中重建。
• 渲染路径差异：Built-in的多Pass渲染（如一个Pass渲染背面轮廓）在URP的单Pass前向渲染中不直接支持。本文的屏幕空间/菲涅尔方法是URP下的标准解决方案。
• 插件兼容性：很多旧的轮廓光、描边插件在URP下无法使用。社区和Asset Store已有一些适配URP的替代品，但掌握用ShaderGraph自建的能力，能让你彻底摆脱插件依赖，实现完全定制。

这个5分钟教程只是一个起点。掌握了核心的菲涅尔计算和ShaderGraph操作逻辑后，你可以尽情发挥创意：尝试用噪声纹理扭曲发光边缘，让轮廓光像火焰一样跳动；或者根据顶点到模型中心的距离来改变发光颜色，实现从内到外的渐变光晕；甚至可以将轮廓光强度与游戏中的角色血量、能量值等变量绑定，做出动态的视觉反馈。Shader的世界，一旦入门，其乐无穷。关键在于动手去试，去调，去踩坑，然后解决问题。希望这篇超详细的指南，能成为你探索URP渲染与ShaderGraph世界的一块坚实垫脚石。