UE4 使用材质后期 制作玻璃有雨效果

效果展示,其实这是一个动画效果

以上为所有逻辑

拿到TexCoord给到Panner,Time和Speed都是通过下面计算而来,后面讲,再拿到时间和速度值过后,加上扰动值,最后取G值,因为雨事从上而下的动,需要的是一个从上往下的渐变。

拿到一个TexCoord的R值,从左往右的渐变,做一个梯度渐变,乘以一个值,往下取整,然后再除以一个相同的值就会产生梯度渐变效果,这个值看情况而定,连到Lerp的Alpha,A和B自己取值就好,自己调整效果即可,再乘以负数,因为目前为止Panner的数值正数,Panner正数速度是从下往上的流动,而真实效果是从上往下的流动,所以得乘以一个负数,具体负多少,看自己下雨的水需求的需要

Panner的Time值是拿到梯度渐变过后,再加上Time值,进行一个不同速度以及时间的一个梯度渐变效果

MaskG过后,让效果减轻0.5,值就是0~0.5之间的渐变,然后sin,值就是一个

这样的一个状态,最后再Power让值变小

上面的就是将雨变成一条一条,而不是一块一块,所以又做了一个隔行右值的效果,乘了过后就不再是连续一片一片的在下雨

算出来的乘以贴图,就有雨滴的效果了,接下来只是对效果进行优化

咋先不管其它效果,这里是抛开下雨的效果就展示正常的场景效果,然后连接到自发光,效果就做好了

相关推荐
九流下半2 天前
threejs 建筑设计(室内设计)软件 技术调研之四 墙体添加真实门窗并保持原材质
材质·threejs 画墙体·threejs 墙体添加门窗
ue星空2 天前
UE5材质系统之PBR材质
ue5·材质
哈哈地图2 天前
Cesium材质——Material
材质·cesium
程序员_三木6 天前
Three.js资源-贴图材质网站推荐
javascript·webgl·three.js·材质·贴图
程序员_三木6 天前
React和Three.js结合-React Three Fiber
前端·javascript·react.js·前端框架·webgl·材质
Deveuper8 天前
UE5 C+、C++、C# 构造方法区别示例
c++·ue5·c#·ue4
九流下半9 天前
threejs 建筑设计(室内设计)软件 技术调研之二 墙体材质改变
材质·threejs墙体材质·threejs点击切换面颜色·threejs点击切换面材质
ue星空9 天前
UE材质常用节点
ue5·虚幻·材质·虚幻引擎
胡说ba道10 天前
生活小妙招之UE CaptureRT改
ue4·材质
雕花の刺猬12 天前
UE4与WEB-UI通信
前端·ui·ue4·webui