【UE】如何手搓一个完美贴合地形的 Mesh Decal(面片贴花)

QQ20260508-122142-HD

在UE5开发中,我们经常需要在地面上放置道路标志线又或者魔法阵、裂缝、血迹等图案。

如果直接放一个半透明的面片,遇到高低不平的地形必然会穿模。

虽然官方推荐使用 Decal Actor,但在某些需要复杂顶点动画、粒子特效绑定或特殊Mesh拓扑的场景下,我们必须使用实体面片来实现贴花效果

今天就来分享一下,如何纯靠材质节点让一个普通的半透明面片像投影仪一样,完美"印"在模型表面。

思路

  1. 读取屏幕深度(SceneDepth),反推面片背后地形的绝对世界坐标
  2. 将世界坐标转换到面片的局部空间,生成投影UV。
  3. 限制UV范围,防止贴图平铺重复。

Step 1:利用深度反推地形世界坐标

要把图案贴在地形上,首先得知道地形在哪。我们通过相机向量和场景深度来重建世界坐标:

  1. Camera VectorCamera Direction Vector 进行 Dot Product(点乘)。
  2. SceneDepth 除以(Divide)上一步的结果。
  3. 把结果乘以(Multiply)Camera Vector
  4. 最后加上(Add)Camera Position

公式:
地形世界坐标 = CameraPosition + CameraVector * (SceneDepth / Dot(CamVec, CamDir))

这样我们就拿到了面片背后每一个地形像素的绝对坐标。

Step 2:世界坐标转局部UV(避坑指南)

拿到世界坐标后,我们需要将其转换为面片的局部UV。

但是在某些渲染管线例如贴花域下, TransformPosition 会失效。最稳妥的做法是用向量点乘手动投影:

  1. 获取相对位置:地形世界坐标 - ObjectPositionWS
  2. 获取面片朝向:用两个常量向量 (1,0,0)(0,1,0) 分别连接 TransformVector(Local to World),得到面片的世界空间X轴和Y轴
  3. 将相对位置分别与这两个轴进行 Dot
  4. Append 把两个点乘结果组合起来,除以你的面片尺寸Size,再加上 0.5回归到0-1的UV区间。

这样算出来的UV,无论你的面片怎么旋转、缩放,贴图都会跟住模型表面进行投影。

Step 3:防止贴图重复(终极性能优化)

算出的投影UV超出了 0~1 的范围时,贴图默认会平铺(Wrap)。

不过怎么抠掉边缘最快?

方案A:纯数学Mask(5个节点)

将算好的UV接 Floor -> Abs -> 与 (1,1) 进行 Dot -> Saturate -> OneMinus

这个算法极度廉价,只要UV超出0~1,输出就是0,否则是1。

方案B:某些情况可以零开销

连节点都不用写!

  1. 确保你的贴图四周有 至少1像素的纯透明边缘
  2. 打开贴图资产,将 X/Y-axis Tiling MethodWrap 改为 Clamp
    利用Clamp的特性,超出范围的UV会无限采样边缘的那一圈透明像素.

蓝图如下:

Step 4:剔除拉伸与穿透

如果不加限制,投影会无限向下延伸,并且在悬崖处产生严重的垂直拉伸。

  • 法线遮罩(防拉伸): 采样 SceneTexture: WorldNormal,与朝上的向量 (0,0,1) 进行点乘。平地为1,峭壁为0,用作Opacity的乘数。
  • 深度遮罩(防穿透):SceneDepth - PixelDepth 算出深度差,除以一个允许的投影厚度值,接 1-xSaturate。这样投影过深的地方就会自然淡出。

我这次不需要处理这部分,就不做演示了



相关推荐
杨丰玮4186 小时前
从零手写Java飞机躲障碍游戏|Swing绘图、鼠标跟随、计时器碰撞检测实战(五)
java·python·游戏·游戏引擎·图形渲染·动画·贴图
日月云棠2 天前
UE5源码分析之Editor——Blutility模块全面分析
ue5
日月云棠2 天前
UE5源码分析之Editor——BehaviorTreeEditor模块全面分析
ue5
日月云棠2 天前
UE5源码分析之Editor——AssetTagsEditor模块全面分析
ue5
远离UE43 天前
UE5 显存 虚拟内存 深入学习笔记
笔记·学习·ue5
日月云棠3 天前
UE5源码分析之Editor——AnimationSettings模块全面分析
ue5
远离UE44 天前
UE5 SF_VertexShader 如何使用
ue5
正在走向自律4 天前
anywhere-labs/deepseek-harness-desktop 双模式界面设计:兼容性、原生材质与 Slot 组合
材质·deepseek·dshdesktop·web应用桌面·双模式方案·web产品
电子云与长程纠缠4 天前
UE5 Lyra PocketWorld进行3D内容UI预览 - 上
开发语言·学习·3d·ue5·游戏引擎
电子云与长程纠缠4 天前
UE5 Lyra PocketWorld进行3D内容UI预览 - 下
开发语言·学习·游戏·ui·ue5