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

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



相关推荐
音乐宝贝家21 小时前
吉他面板材质怎么选?云杉单板面单吉他配置深度解析
数据库·新媒体运营·产品运营·媒体·材质·内容运营
CG_MAGIC21 小时前
从光影到物理渲染:Substance Sampler 照片转材质
3d·材质·贴图·uv·建模教程·渲云渲染
nnsix21 小时前
Unity 贴图压缩格式 笔记
笔记·unity·贴图
归真仙人2 天前
【UE】LineTraceByProfile
ue5·游戏引擎·ue4·unreal engine
zhuomu3d2 天前
雕塑常见的材质有哪些
材质·雕塑材质·雕塑
-FxYaM-3 天前
【UE】渲染框架学习路径-初次修改源码
服务器·网络·c++·windows·ue5·unreal engine
法雅特吉他3 天前
入门吉他选云杉还是桃花心木?面板材质原理与选购建议
经验分享·新媒体运营·学习方法·材质·用户运营·内容运营
摄影图4 天前
高考冲刺插画素材 助力高考宣传氛围感拉满
贴图·高考
mxwin4 天前
Unity Shader 法线贴图跟切线空间有什么关系
unity·游戏引擎·贴图·shader
mxwin4 天前
Unity Shader 贴图和采样的关系 如何保证贴图清晰
unity·游戏引擎·贴图·shader