生活小妙招之UE custom Decal

因为这几年大部分时间都在搞美术,所以博客相关的可能会鸽的比较多,阿巴阿巴

https://twitter.com/Tuatara_Games/status/1674034744084905986

之前正好看到一个贴花相关的小技巧,正好做一个记录,也在这个的基础上做一些小的拓展。没啥难度,但倒觉得是个值得记录的点。

首先,和UE原生的贴花组件相比,这样的方式的优点在于可以用于自定义的unlit材质的流程,并且在粒子系统中也可以直接发射用。奶瓜中用原生的方式这里就不做讨论。

这里就讨论距离一个轴向的贴花,其他轴向同理

原理是首先根据pixelDepth和SceneDepth反推出当前像素对应深度的世界坐标,再转换到localspace再根据boundSize算出某个朝向的UV,当然为了能跟着走还要减掉objectPosition

用于粒子的时候,减的坐标换成ParticlePosition,并且由于没有类似mesh粒子size的节点,所以用于粒子的时候要手动传个参调一下,也能用。

但是如上的做法有一个问题,由于拿的sceneDepth,所以无论这个贴花的盒子放在那里,里面显示的都是直接拿的最后面的深度出来计算的。而UE原生的贴花的范围就是在那个盒体的范围内的,超出盒体的范围是不显示的,我们肯定也希望是这样的效果,深度超出盒体范围之后的就不显示了。

为了实现这个效果,有个小误区,比如用世界坐标来直接筛是不行的,因为其实显示贴花信息的还是盒子最前面的面上的像素。

所以还是得用深度信息来做筛选,我这里的思路就是拿到盒体后面面的世界坐标和前面显示的像素的对应深度世界坐标来比较来得知是否在盒体的范围内了。这里方便看用个if,一般还是用个custom包起来。注意计算后边界面的坐标的时候,bound要乘上objectScale,不然盒体缩放的时候会有偏差。

以上,一个简单的自定义贴花就能用了

相关推荐
郑寿昌9 小时前
UE5与UE6在Lumen和Nanite的差异解析
游戏引擎·图形渲染·着色器
郝学胜-神的一滴13 小时前
罗德里格斯旋转公式(Rodrigues‘ Rotation Formula)完整推导
c++·unity·godot·图形渲染·three.js·unreal
charlie1145141911 天前
通用GUI编程技术——图形渲染实战(四十)——深度缓冲与3D变换:从平面到立体
开发语言·c++·平面·3d·图形渲染·win32
XX風2 天前
单缓冲区渲染导致闪烁的具体技术原因是什么?
图形渲染
dgaf3 天前
DX12 快速教程(17) —— 立体图标与合并渲染
c语言·c++·3d·图形渲染·d3d12
charlie1145141913 天前
通用GUI编程技术——图形渲染实战(三十八)——顶点缓冲与输入布局:GPU的第一个三角形
开发语言·c++·学习·图形渲染·win32
charlie1145141913 天前
通用GUI编程技术——图形渲染实战(三十九)——纹理与采样器:从WIC加载到GPU渲染
开发语言·c++·图形渲染·win32
郑寿昌3 天前
虚幻引擎6:Lumen半透明材质新突破
材质
Dxy12393102163 天前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度
前端·html·图形渲染
一只数据集3 天前
柏林道路路面图像数据集-971张沥青与鹅卵石路面图片-训练测试集划分-支持道路材质识别与自动驾驶视觉算法训练
算法·自动驾驶·材质