【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。这样投影过深的地方就会自然淡出。

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



相关推荐
远离UE42 天前
UE5 Niagara LightWeight Emitter
ue5
StarTechnology3 天前
UE5云渲染管理平台-支持私有化部署Linux-Windows国产化适配
ue5·webui·webbrowser
tianxuanjg3 天前
工业/协作机器人研发采购指南:如何适配新品迭代的CNC加工合作
人工智能·经验分享·机器人·无人机·材质
平行云3 天前
实时云渲染信创架构解析:从GPU池化到全栈适配的技术演进
linux·unity·docker·ue5·webgl·数字孪生·实时云渲染
m0_614523554 天前
故障排查:移动物体表面贴图为什么会漂移?从稳定纹理到连续帧验收
网络·人工智能·贴图
m0_614523554 天前
透明材质抠图怎么判断合格?用黑白灰背景检查边缘和孔洞
材质
远离UE44 天前
UE5 高性能 实时 玻璃破碎系统
ue5
远离UE45 天前
UE5 多线程 与 异步 并行
ue5
三棵树园艺6 天前
商用大空间软装技术方案|2026悬浮仿真景观行业数据、场景适配与标准化落地复盘
创业创新·材质
灵境(虚幻知音)6 天前
WebGL 不支持>1px的线绘制,那 Cesium 的带宽度的线是怎么画出来的?
webgl·cesium·着色器