UE4描边材质制作方法与节点逻辑解析-开发者社区

UE4描边材质制作方法与节点逻辑解析

在风格化渲染的世界里，你有没有遇到过这样的场景：玩家在复杂的场景中找不到关键NPC？或者卡通风格的游戏角色融入背景、轮廓模糊不清？一个简单的描边效果，往往能瞬间提升视觉辨识度。而真正高效的方案，并不是靠美术一张张贴图，而是通过Custom Depth + 后处理材质实现的动态轮廓检测。

这种方法不仅性能稳定，还能精准控制哪些物体被描边——比如只高亮可交互对象、敌方单位，甚至根据距离自动调节粗细。更重要的是，它完全基于Shader运算，无需额外几何体或多遍绘制。

那么问题来了：为什么同样是“边缘变亮”，有人做出来锯齿严重还闪烁，而高手却能做到平滑呼吸般的脉动描边？答案就在于对底层原理的理解深度。今天我们就来彻底拆解这套机制，不讲模板，只讲“为什么”。

从屏幕空间说起：我们到底在“看”什么？

当你在UE4中创建一个后处理材质时，它的作用域是整个屏幕帧。这意味着每个像素都会执行一次你的材质逻辑。而我们要做的，就是在每一个像素点上判断：“我是不是在一个目标物体的边缘附近？”

最朴素的想法是：如果我和邻居的深度不一样，那我就可能是边缘。

但直接用SceneDepth会出问题——远处的树和近处的角色可能恰好相邻，它们之间也会产生深度跳变，导致非目标物体也被描上边。怎么办？聪明的做法是：我们自己定义“谁有资格参与比较”。

这就是Custom Depth的核心价值：它是一个独立的渲染通道，只有你指定的对象才会写入数据。其他所有几何体在这个缓冲区里都是“透明”的。这样一来，哪怕两个物体在屏幕上挨在一起，只要其中一个没开启 CustomDepth 写入，就不会触发误检。

想象一下，你在黑夜中用手电筒照一个人，只有他身上发光。然后你拍一张红外照片，只记录这个光斑。接着，在后期处理中分析这张照片的边界变化——这就是我们在做的事。

如何探测“边缘”？四方向采样背后的直觉

现在我们知道要用 Custom Depth 来隔离目标物体。接下来的问题是：怎么知道当前像素是不是在边缘？

人类识别轮廓的方式很简单：看颜色或亮度是否有突变。计算机也一样，只不过它是通过数值差异来判断的。

具体做法是：以当前像素为中心，向上、下、左、右四个方向各偏移一个像素，读取那里的 CustomDepth 值，再和中心点做差。

EdgeStrength = |C - U| + |C - D| + |C - L| + |C - R|

这里的C是中心点深度，U/D/L/R是四周采样值。绝对值越大，说明周围变化越剧烈，越有可能是轮廓线。

但在HLSL级别的材质编辑器里没有abs()函数可用怎么办？有个小技巧：

Abs(x) ≈ Max(x, -x)

虽然不够精确，但对于边缘检测这种对精度要求不高的场景完全够用。

至于为什么选四个方向而不是八个？其实五点十字采样（Cross Sampling）已经能在大多数情况下捕捉到主要边缘方向，同时保持较低的纹理采样次数（5次），这对移动端尤其重要。当然，如果你追求更高精度，也可以扩展为8方向或使用Sobel算子，但代价是性能开销翻倍。

UV偏移的艺术：如何精准移动一个像素？

要采样邻近像素，就得先算出它们在屏幕上的坐标。这听起来简单，但在不同分辨率下，“移动一个像素”意味着不同的UV增量。

举个例子：1920×1080 的屏幕上，水平方向每一步就是1/1920 ≈ 0.00052。如果我们硬编码这个值，换到4K屏就会偏移过大，导致描边变粗甚至断裂。

好在UE4提供了SceneTexelSize节点，它返回的就是当前视口单个像素的UV尺寸（x=1/res_x, y=1/res_y）。我们可以用它来做自适应偏移：

Offset = SceneTexelSize * ScaleFactor

其中ScaleFactor是一个可调参数，通常设为 1~3 之间。太小了检测不到边缘，太大了又会让描边发虚。

构建四个方向的UV如下：

上：ScreenPosition + float2(0, -Offset.y)
下：ScreenPosition + float2(0, +Offset.y)
左：ScreenPosition + float2(-Offset.x, 0)
右：ScreenPosition + float2(+Offset.x, 0)

⚠️ 注意：必须确保ScreenPosition使用的是Default模式而非Center，否则会导致边缘拉伸失真。这一点很容易被忽略，尤其是在使用某些插件或后期链路时。

描边增强技巧：不只是“有差异就行”

原始的边缘强度EdgeSum数值一般很小，直接拿来当Alpha用几乎看不到效果。我们需要一种方式把它“放大”并转化为清晰的遮罩。

这里有个巧妙的设计模式：

FinalMask = clamp(CenterDepth * Strength - EdgeSum, 0, 1)

乍一看有点反直觉：为什么要用中心点乘系数再去减边缘和？

其实这是一种“内部抑制”策略。我们希望的结果是：物体内部区域保持黑色（无描边），只有边缘因为EdgeSum大而导致整体结果趋近于零以下，经过 Clamp 后反而凸显出来。

换句话说，这不是在“点亮边缘”，而是在“压暗内部”。

举个类比：就像雕刻木头，你不只是在刻线条，更是在削去多余的部分，让轮廓自然浮现。

Strength参数（建议设为3~5）决定了描边的对比度。值越高，描边越锐利；越低则越柔和。你可以把它暴露为ScalarParameter，方便在蓝图中动态调整描边粗细。

最终合成：让描边“长”在画面上

有了描边遮罩之后，最后一步就是把它叠加到原始画面之上。

这里的关键节点是LinearInterpolate (Lerp)：

Output = Lerp(BaseColor, OutlineColor, EdgeMask)

当EdgeMask ≈ 1时输出描边色，≈0时保留原图。非常直观。

但要注意混合模式的选择：

Additive（相加）：适合辉光类描边，如蓝色能量环绕
Alpha Composite（覆盖）：适合实色描边，如黑色卡通轮廓
Modulate（调制）：可用于彩色融合，但容易变暗

推荐将材质的 Blendable Location 设为1.0，确保它处于后处理栈的顶层，避免被其他效果覆盖。

另外别忘了启用必要的项目设置：

Project Settings → Rendering → Render Target → Enable Custom Depth Stencil = True

并在需要描边的Actor上勾选：

Render CustomDepth Pass = True Custom Depth Stencil Value = 1 （或其他唯一ID）

否则，无论你怎么连节点，都采不到任何数据。

遇到问题？这些坑我都踩过

描边太粗 / 锯齿明显

很可能是偏移步长过大。检查Multiply节点中的缩放系数是否超过3倍SceneTexelSize。对于1080p以下设备，建议控制在1~2之间。

完全没反应？

第一步查开关：确认目标Actor开启了Render CustomDepth Pass。第二步查采样源：所有SceneTexture节点必须选择PPI_CustomDepth，不能误用SceneDepth或PostProcessInput0。

全屏泛白？

常见于初学者复制节点时遗漏了Clamp。未归一化的浮点数溢出后会变成纯白。务必在输出前加上[0,1]限制。

动态物体描边抖动？

特别是在快速移动或旋转时，像素级采样会产生 temporal flickering。解决方案包括：
- 开启 Temporal AA
- 在材质中加入帧间历史采样（进阶）
- 或改用基于法线外扩的静态描边（牺牲精度换稳定性）

不止于描边：你能走多远取决于理解多深

一旦掌握了这套“CustomDepth + 屏幕空间差分”的范式，你会发现很多高级效果都可以由此衍生：

🔧脉冲描边：把Strength参数连接到Time * Frequency的正弦波，实现心跳式呼吸效果
🎨渐变描边：用Step或SmoothStep分段控制颜色，靠近时红，远离时黄
🎯距离衰减：结合Distance(ViewPosition, PixelPosition)计算视角距离，远处自动淡化
👥阵营区分：利用CustomStencilValue设置不同ID，材质中判断后分别渲染红蓝描边