1. 项目概述：从“平”到“凸”的视觉魔术

在UE5里做材质，新手和老手之间往往隔着一道“深度”的鸿沟。新手做的砖墙，贴图再高清，看起来也像一张纸片贴在模型上；而老手做的砖墙，哪怕模型本身是平的，你也能清晰地看到砖块之间的缝隙、石料表面的坑洼，甚至感觉能摸到那种粗糙的质感。这种“以假乱真”的深度感，很大程度上就依赖于我们今天要深挖的BumpOffset节点。

简单来说，BumpOffset是一个基于“视差映射”技术的材质节点。它不像法线贴图那样只是改变光照反应来模拟凹凸，而是真的会根据你的观察视角，“偏移”材质UV坐标，让材质的不同部分产生前后遮挡关系。想象一下你侧着头看一本厚书，书脊会挡住一部分内页。BumpOffset干的就是类似的事：它用一张“高度图”告诉材质系统：“这里高，那里低”，然后当你移动视角时，高的地方会“挡住”低的地方，从而产生强烈的立体错觉。这对于表现砖缝、木板接缝、浮雕图案、地面裂隙等不需要复杂模型但需要深度细节的场景，是性价比极高的方案。

网上教程不少，但很多要么停留在“连连看”的表面操作，要么原理讲得云里雾里。这篇指南的目标，是让你不仅知道怎么用，更明白为什么这么用，以及如何避开那些让效果穿帮的坑。我们会从核心原理拆解开始，一步步带你完成一个砖墙材质的实战，并重点分享如何自己制作一张靠谱的高度图——这是用好BumpOffset的基石。

2. 核心原理拆解：视差映射是如何“欺骗”眼睛的

在深入节点面板之前，我们必须先理解BumpOffset（在图形学中更常被称为Parallax Occlusion Mapping，POM，即视差遮蔽映射）到底在干什么。这能帮你从根本上调试效果，而不是盲目调参。

2.1 视觉欺骗的基石：高度图与视角向量

所有魔法都始于一张高度图。这是一张灰度图，白色代表“最高点”，黑色代表“最低点”，灰色是中间高度。在BumpOffset中，这张图就是定义表面起伏的地形图。

关键点在于“视角”。在着色器里，我们有一个从摄像机（眼睛）指向表面某一点的向量，称为视角向量。在普通的平铺材质中，这个向量只用来计算光照（比如高光）。但在BumpOffset中，它被赋予了新的使命：沿着这个视角的方向，去“探查”高度图。

工作流程可以这样理解：

1. 对于屏幕上要渲染的每一个像素点，着色器首先知道它在模型表面UV坐标上的位置（假设是UV坐标A）。
2. 着色器沿着视角向量的反方向（因为是从眼睛出发看向表面），在高度图定义的“虚拟高度场”中步进探查。
3. 当探查到的“虚拟高度”与当前像素的“预期高度”（根据高度图在UV坐标A处的值换算）相匹配时，就认为找到了这个像素点“真正应该看到”的纹理位置。
4. 这个“真正的位置”很可能不是最初的UV坐标A，而是偏移后的UV坐标B。
5. 着色器最终使用UV坐标B去采样漫反射、法线等所有纹理，从而呈现出“因为凹凸，看到的是侧面纹理”的效果。

注意：这只是一个高度简化的描述。实际UE5的BumpOffset节点实现的是更高效的“视差遮蔽映射”，它会在步进探查中考虑遮挡关系，即高的地方会完全挡住低的地方，效果比简单的“视差映射”更真实。

2.2 BumpOffset节点的参数精讲

理解了原理，再看节点的参数就豁然开朗了。在UE5材质编辑器中搜索“BumpOffset”，你会看到它主要有三个输入引脚和一个参数：

• Height (A)：最重要的输入。这里需要连接你的高度图（的Alpha或灰度通道）。输入范围通常是0到1。这里的值直接决定了凹凸的“强度”。纯黑（0）代表最低点，不发生偏移；纯白（1）代表最高点，产生最大偏移。
• HeightRatio (Ratio)：这是控制整体凹凸强度或深度的核心参数。它是一个缩放因子，会乘以Height输入值。默认值0.05意味着高度图里值为1（最白）的点，会产生相当于UV空间0.05个单位的偏移。这个值非常敏感，调得太大（如0.1以上），在视角较陡时很容易出现严重的纹理拉伸或采样错误（俗称“穿帮”）。
• ReferencePlane (RefPlane)：这是一个介于0到1之间的值，用于定义“视差基准平面”。可以把它理解为海平面。高度图中灰度值高于这个基准平面的部分会“凸出来”，低于的部分会“凹进去”。通常保持默认值0.5即可，这样灰度图的中性灰（0.5）区域就是模型表面本身，更亮则凸起，更暗则凹陷。
• Coordinate (UVs)：输入UV坐标。通常连接“TextureCoordinate”节点，或者经过平铺、旋转等处理后的UV流。BumpOffset的运算结果就是偏移后的新UV坐标，这个输出需要连接到所有基础颜色、法线、粗糙度等纹理采样节点的UV输入上，才能让整个材质响应视差效果。

一个常见的误区是只把BumpOffset的输出连给法线贴图。这是错误的！为了保持视觉一致性，所有受表面凹凸影响的纹理（基础色、法线、粗糙度、高光、环境光遮蔽等）都必须使用这组偏移后的UV坐标进行采样。否则你会看到颜色对不上凹凸，产生严重的失真。

3. 实战：打造一个带真实缝隙的砖墙材质

光说不练假把式。我们现在就创建一个完整的材质实例，把理论付诸实践。假设我们有一套砖墙的PBR纹理集：T_Brick_BaseColor,T_Brick_Normal,T_Brick_Roughness,T_Brick_AmbientOcclusion，以及一张专门的高度图T_Brick_Height。

3.1 材质网络搭建步骤

1. 创建材质与纹理采样：新建一个材质（如M_BrickWall_Parallax）。将上述五张纹理拖入材质编辑器，分别创建对应的TextureSample节点。
2. 引入并设置BumpOffset节点：
   • 搜索并添加BumpOffset节点。
   • 将高度图T_Brick_Height的Alpha输出引脚（如果高度图是单通道灰度图，通常用Alpha）连接到BumpOffset的Height (A)引脚。
   • 创建一个标量参数，命名为Parallax_Height，默认值设为0.03，并将其连接到BumpOffset的HeightRatio引脚。这样我们可以在材质实例中动态调整强度。
   • ReferencePlane保持默认0.5。
   • 添加一个TextureCoordinate节点，将其输出连接到BumpOffset的Coordinate引脚，以提供原始UV。如果你想平铺纹理，可以在这里先乘上一个Tiling参数再连入。
3. 应用偏移后的UV：这是最关键的一步。将BumpOffset节点的输出（即偏移后的UV），分别连接到T_Brick_BaseColor、T_Brick_Normal、T_Brick_Roughness、T_Brick_AmbientOcclusion这四个纹理采样节点的UVs输入引脚上。确保断开它们之前可能连接的默认UV。
4. 连接材质属性：将各个TextureSample节点的RGB输出，按照PBR流程连接到材质的相应输入：Base Color, Normal, Roughness, Ambient Occlusion。Metallic可以根据需要设置（砖墙通常设为0或很低的值）。
5. 微调与预览：将材质应用到一个简单的Plane或Cube上。在材质实例中，尝试调整Parallax_Height参数（比如从0.01到0.05），在视口中从不同角度观察。你会看到砖缝随着视角变化产生真实的遮蔽效果，侧面看时，一块砖的侧面甚至会“挡住”后面砖缝的颜色信息。

3.2 参数调试心得与避坑指南

• HeightRatio是双刃剑：追求深度感时，很容易把这个值调得过大。一个实用的经验法则是：让HeightRatio值乘以高度图白色区域的值（约1），得到的UV偏移量最好不要超过单个纹理元素（texel）大小的若干倍。对于一张2048x2048的纹理，平铺次数为1时，0.05的偏移已经相当大了。从0.02开始尝试通常是安全的。
• 结合法线贴图使用：BumpOffset负责宏观的深度遮蔽，法线贴图负责微观的表面起伏光影。两者结合使用，效果最佳。务必确保法线贴图也使用了BumpOffset偏移后的UV，否则光影和凹凸位置会对不上。
• Tessellation（曲面细分）的替代与互补：在极端陡峭的角度下，BumpOffset仍可能失效或出现拉伸。对于需要极高细节的静态物体，可以考虑启用模型的Tessellation，配合位移贴图（Displacement Map）实现真正的几何体变形。但Tessellation性能开销大。一个折中方案是：对中远景物体使用BumpOffset，对近处特写物体使用Tessellation+Displacement。在材质中，你可以通过像素深度偏移来模拟一些遮挡，但BumpOffset在性能上优势明显。
• 性能考量：BumpOffset会增加像素着色器的计算负担，因为每个像素都需要进行高度图探查。在移动平台或大量使用的情况下需谨慎。UE5的Nanite虽然主要处理几何体，但材质复杂度依然影响渲染开销。

4. 高度图制作技巧：从零到一生成完美灰度图

BumpOffset效果的好坏，七分靠高度图。一张糟糕的高度图会让你的所有调整事倍功半。下面介绍几种主流的高度图获取与制作方法。

4.1 从现有纹理生成（最快但需技巧）

如果你只有基础颜色贴图，可以尝试在图像处理软件中转换。

• Photoshop方法：

  1. 打开基础颜色贴图。
  2. 去色（图像 -> 调整 -> 去色），得到灰度图。
  3. 使用滤镜 -> 其他 -> 高反差保留。半径参数是关键，它决定了提取多大尺度的细节。对于砖墙，尝试3-5像素的半径，可以突出砖块与灰缝的边界。
  4. 应用高反差保留后，你会得到一张中间灰为基调、边缘有亮暗变化的图。此时使用图像 -> 调整 -> 色阶，大幅提高对比度。将黑色和白色滑块向中间移动，让暗部更暗（砖缝），亮部更亮（砖面）。目标是让砖缝接近黑色，砖面主体保持在中灰到亮灰之间。
  5. 最后，可能还需要使用加深工具和减淡工具手动修饰，确保凹陷处（砖缝）足够暗，凸起处（砖面浮雕、污渍）足够亮。

• 专用软件/插件：

  • Substance Designer/Painter：这是行业标准。在Designer中，你可以通过节点（如Grayscale Conversion配合Histogram Scan或Gradient Map）精准地从法线贴图或基础颜色贴图生成高度图。在Painter中，利用智能蒙版或生成器，可以非常直观地绘制高度信息。
  • CrazyBump、NVIDIA Texture Tools：这些老牌工具能一键从彩色贴图生成法线、高度、AO等全套贴图，虽然可控性不如专业软件，但速度极快，适合原型阶段。

4.2 手动绘制或修饰（最灵活）

对于需要特别强调的细节，手动绘制是无可替代的。

1. 明确设计意图：在动笔前，想清楚哪里该凸起（螺栓头、雕刻花纹、鹅卵石），哪里该凹陷（裂缝、凿痕、字母刻痕）。
2. 建立灰度参考：记住：白=高，黑=低，中灰=模型表面。新建一个灰色（RGB 128, 128, 128）图层作为基底。
3. 使用画笔：用白色画笔绘制凸起部分。注意边缘的过渡，纯白的硬边会看起来像悬崖。可以用软边画笔，或画完后使用高斯模糊滤镜轻微模糊，再调色阶锐化边缘，来模拟自然的斜坡。
4. 利用图层样式：绘制一个黑色形状代表凹陷后，可以尝试添加微弱的“内阴影”图层样式，来模拟凹陷边缘的过渡，这比单纯用黑色更自然。
5. 细节叠加：砖墙表面不是光滑的。你可以在砖面区域叠加一层非常低对比度、高频的噪点纹理（通过叠加模式如“叠加”或“柔光”，并大幅降低不透明度），来模拟石料的细微颗粒感。这能极大提升材质的真实度。

4.3 从法线贴图转换（物理准确）

从法线贴图转换高度图在数学上是可行的（通过积分），但结果可能包含低频信息的缺失。有些软件（如Substance Designer的Normal to Height节点）或在线转换器可以做到。这种方法得到的高度图通常比较“平”，缺乏大的起伏，但中高频细节保留得很好，适合作为基础，再手动添加大的起伏变化。

制作流程总结表：

5. 高级应用与性能优化策略

掌握了基础用法后，我们可以探索一些进阶技巧，让BumpOffset更强大、更高效。

5.1 动态效果：让视差“动”起来

BumpOffset不仅可以用于静态细节，结合时间节点，可以创造出动态的视差效果。

• 流动的熔岩或泥浆：创建一张高度图，其中“凸起”部分代表熔岩流。将这张高度图与一个基于时间的平铺噪波图相加或相乘，再输入给BumpOffset的Height。这样，高度信息会随时间变化，导致UV偏移量也动态变化，从而产生熔岩在沟壑中流动的视觉效果。注意：要同时让基础颜色贴图也以相同的速率和方式流动，才能匹配。
• 水面涟漪：使用一个高频噪波图作为高度图，并用Sine或Cosine节点乘以时间来控制其强度振幅，可以模拟简单的水面涟漪视差。但这通常更适合用专门的水体材质系统实现。

5.2 层级化视差与遮蔽优化

对于复杂的表面，如布满鹅卵石的地面，单一的BumpOffset可能力不从心。可以考虑层级化方法：

1. 第一层（宏观）：使用一张低频率的高度图，表现大地形的起伏，HeightRatio设置得较小（如0.01）。
2. 第二层（微观）：使用一张高频率、高对比度的高度图，表现鹅卵石本身的凹凸，HeightRatio设置得稍大（如0.02）。
3. 混合：将两个BumpOffset节点输出的UV偏移相加，然后输入给纹理采样。或者，使用一张遮罩图（Mask）来混合两套不同的UV流，例如让石头区域使用微观凹凸UV，泥土区域使用宏观凹凸UV。

性能优化点：

• 限制使用范围：只在玩家视角能近距离观察到的物体上使用BumpOffset。对于远景或快速移动的物体，可以制作一个简化版本的材质实例，将HeightRatio设为0，或使用更廉价的法线贴图替代。
• 纹理精度：高度图不一定需要和颜色贴图一样的分辨率。对于很多情况，一张512x512甚至256x256的高度图已经足够，因为视差效果更依赖宏观的灰度对比，而非像素级细节。降低高度图精度是有效的优化手段。
• LOD材质：利用UE5的材质LOD功能，为材质设置不同的质量等级。在低LOD等级下，可以完全禁用BumpOffset节点（通过材质开关参数）。

6. 常见问题排查与效果修复实录

在实际项目中，使用BumpOffset时总会遇到一些诡异的问题。这里记录几个最典型的案例和解决方案。

6.1 纹理拉伸与采样错误（“穿帮”）

这是最常见的问题，在视角与表面夹角很小（掠射角）时尤其明显，表现为纹理被无限拉长或出现错误的色块。

• 原因：HeightRatio值设置过大，导致UV偏移量超过了纹理采样的合理范围。在极端视角下，着色器沿着视角向量“步进”探查时，可能“跑”出了高度图定义的合理高度场范围。
• 解决方案：
  1. 首要降低HeightRatio：这是最直接有效的方法。尝试将值减半，看看是否改善。
  2. 优化高度图：检查你的高度图，确保没有大面积纯白（值=1）的区域。纯白区域意味着最大偏移，最容易出问题。尝试将高度图的整体亮度压暗，让最高点也不要超过0.8（中灰偏亮）。
  3. 使用限制节点：在BumpOffset节点之后，可以对输出的UV坐标进行钳制。添加一个Clamp节点，将UV的X和Y分量分别限制在[0, 1]范围内（如果纹理寻址模式为Clamp）。但这属于“硬性”修复，可能会在边缘产生不自然的效果。
  4. 视角遮蔽：这是一个高级技巧。通过计算视角向量与表面法线的点积，可以得到一个从正面观看时为1、掠射时为0的值。用这个值去动态缩放HeightRatio，在掠射角时自动降低凹凸强度。这需要一些蓝图或自定义节点的知识。

6.2 边缘接缝问题

当材质应用在一个立方体箱子的不同面上时，在边缘处视差效果可能出现断裂或不连续。

• 原因：BumpOffset是基于每个面的局部UV和视角进行计算的。在模型边缘，两个面的UV方向、视角向量都发生了突变，导致计算出的偏移方向不连续。
• 解决方案：
  1. 使用世界空间或对象空间坐标：这是最彻底的解决方案。不使用标准的UV通道，而是将物体的世界位置或对象位置坐标转换为一种连续的坐标空间（如基于模型包围盒的标准化坐标），并用这个坐标来采样高度图和基础纹理。但这需要重做整个材质网络，且纹理必须是Tileable（可无缝平铺）的。
  2. 烘焙到模型：对于静态网格体，如果凹凸细节是固定的，考虑直接使用雕刻工具或位移贴图将细节做到模型上，或者烘焙到法线贴图中。这能从根本上避免接缝问题，但失去了动态性和灵活性。
  3. 设计规避：在关卡设计时，尽量避免玩家视角长时间停留在物体的尖锐边缘。用装饰物、灯光等方式转移注意力。

6.3 性能开销异常增高

在特定场景下，发现使用BumpOffset后帧率下降明显。

• 排查步骤：
  1. 使用GPU性能分析工具：在UE5编辑器中，打开Stat Unit或ProfileGPU，查看是哪个Pass或Draw Call耗时增加。确认是材质复杂度导致。
  2. 简化材质网络：检查是否无意中连接了多个复杂计算节点到BumpOffset的Height输入。确保输入BumpOffset的高度数据尽量简单（最好就是一张纹理采样）。
  3. 检查材质实例覆盖：确保没有在材质实例中动态计算高度数据（比如通过复杂的数学运算实时生成高度），这会导致计算在每次绘制时都进行，而非在材质编译时优化。
  4. 纹理采样次数：确认BumpOffset是否导致额外的纹理采样。虽然BumpOffset本身需要采样高度图，但它不应该导致颜色、法线贴图被重复采样多次。确保你的纹理采样器设置正确，并利用了材质纹理采样缓存。

最后，分享一个我个人的调试习惯：在材质编辑器中，我会临时将BumpOffset输出的UV坐标直接连接到Emissive Color上，并让HeightRatio从一个极小值动画变化到一个较大值。这样，我可以在视口中直观地看到UV是如何随着凹凸强度变化而扭曲的，能快速定位UV拉伸和采样异常的区域。这个视觉化调试方法比盲目调整参数高效得多。

BumpOffset是一个强大的工具，它用适度的性能代价，换来了显著的视觉深度提升。理解其原理，精心制作高度图，并在性能和效果间找到平衡点，你就能让场景中的每一个表面都讲述更丰富、更真实的故事。