雨天效果Shader学习

雨天效果Shader学习

学习教程来自:Rain Wetness Shader - UE4 Materials 101

UE4版本：4.26.2

Rain Wetness Shader

基于UE4 Start Content中的地砖材质 M_Brick_Clay_Old ，对原输出的Base Color,Roughness增加计算，额外添加了Specular的计算（原本为默认值0.5）。

整体思路：

1. 减少材质的Roughness，Specular（教程中按照0.07，0.3的比例减少），减少后与之前的值进行Lerp在分别输出，Lerp的Alpha通道控制积水程度。

2. 增加BaseColor的饱和度（Desaturation节点Fraction中使用负数来增加饱和度），减少亮度（Mul 0.5），与原本BaseColor混合。

3. 以上步骤中都进行了Lerp操作，其中Alpha通道的设置和计算需要多理解。

Step 1

创建材质函数Wetness，如下进行连接

Step 2

在复制得到的材质中，添加材质函数

其中BaseColor和Roughness为原本材质中的输出，现在作为材质函数的输入。

Specluar设为0.5参加计算。

WetMask单独作为Roughness和Specular进行Lerp时的Alpha控制混合的程度；Porousness与WetMask相乘后并Saturate后，控制积水造成的增加饱和度和变暗效果的程度。

效果

材质球

实际效果

Rain Drops Shader

Rain Drops雨滴效果实现

整体思路：

1. 所需贴图：rain_drops.tga
2. RG通道->法线贴图；B通道->雨滴出现Mask；A通道->雨滴动态静态Mask
3. 当雨点落在物体上时，落点处需要改变2个值，法线Normal和粗糙度Roughness；贴图提供了法线的方向，粗糙度用0.1去Power之前计算的Mask值(0消失-1出现)后再用1-x得到，这样得到的值在0左右，且可以从1快速的变化到0

1. 法线

首先读取贴图，其中Panner预留了移动UV的功能

从RG通道计算normal方向，并与最终得到的Mask相乘

2. 遮罩

动态雨滴遮罩：从B通道取出值后进行随机（因为这张贴图的遮罩值的随机性效果不是很好，会有大量的雨点几乎同时出现，所以2次进行了随机计算），与时间做差后保留小数部分，再与A通道的动态雨滴遮罩（1表示动态，反之为静态）做乘积

静态雨滴遮罩：A通道中为0的部分为静态小雨滴，经过计算后变为1，由于精度的关心，power函数将非1的部分全部归为了0，从而得到静态的部分

上面2者相加得到了雨滴部分的遮罩，但是我们希望只有物体的正面有雨滴，所以需要剔除掉世界法线方向向上（Z值小于0）的部分，其中saturate截掉了小于0的部分，后边的mul可以限制是不是所有存在向上分量的部分都要有雨滴（目前是的）

3. 合并结果

将最后遮罩得到的输出与贴图中存储的法线值相乘后得到Normal；遮罩还参加计算得出Roughness；连接如图：

4. 效果

Rain Drips Shader

本部分实现了雨集聚成水流后从物体侧面流下的效果

整体思路：

1. 水流的法线与上一节类似，存储在一张贴图的RG通道中，B通道保存了水流的Mask，A通道保存水流形成时间的offset，贴图下载：rain_drips.tga
2. 水流在向下流动时，某一时刻，顶端到底部有一个渐变的过程，这需要一张额外的贴图，其中存储了一张一维纹理进行Mask，贴图下载：rain_drip_mask.tga
3. 由于水需要从物体的侧面向下流，因此以上贴图的UV在采样时，需要将坐标切换到侧面；大致思路是使用Sign函数将世界法线截断，然后仅保留R通道或G通道的值（即XY方向的值），此时侧面取到了1。

1. 取UV

在侧面取贴图：假设为正方体，其中与YZ平面平行的2个面使用Mask(G B)得到的值作为UV，其余4个平面使用Mask(R B)的值，使用Lerp函数混合，Alpha值的计算过程（法线取Abs Round Mask）实现了上述逻辑。

2. 遮罩

同样的，只需要对雨滴的水流效果计算一个Mask，然后与纹理中存储的Normal相乘即可。

水流的Mask计算：首先，纹理Rain_Drips中的B通道，已经存储了水流的遮罩，但实际使用时需要进行动态的遮罩。因此这里使用了一张一维渐变纹理来模拟水流的上下不均匀，再与原先的遮罩相乘得到水流的遮罩。这张一维纹理的遮罩的UV随时间变化，就可以得到动态的水流。

为了更一步的改进效果，让每一道水流以不同的速度流下，这里使用了Rain_Drips中的Alpha通道存储的值作为offset去将2个小数混合，得到的结果再与Time相乘，就得到了不同的速度。

一维纹理的采样，U值的大小并不影响结果，V值根据上一步得到值与世界坐标的Z值相乘（Z值与一个小数相乘的作用是将2个相加的数字缩放到同一规模）。

最终2个采样值相乘，得到最终的Mask。

3. 法线

法线的取值和上一节方法相同

4. 全局遮罩

这里增加了一点，就是我们只希望最后出现的水流效果出现在侧面，顶部和底部不出现，这时候需要根据法线方向的Z值计算一个全局的遮罩。

5. 效果

Rain Ripples Shader

本节实现了水滴落下后形成的涟漪效果

整体思路：

1. 涟漪的起伏和正弦函数Sin十分类似，做法就是用Sin函数的波峰波谷模拟为涟漪的波峰波谷。在UE中，Sine函数的输入为[0,1]，输出为[-1,1]，可以当作一个波纹，在这里的做法是将输入的范围扩大到了[-20,20]后再乘以Pi，作为Sine函数的输入，取得很多波纹，我们根据实际效果使用Clamp函数，乘以Pi之前就截断到了[0,5]，这样可以取得3个波纹。
2. 本节贴图rain_ripples.tga的R通道，存储了每个涟漪的渐变值，GB通道存储了法线，A通道存储了一个偏差Mask，保证所有的涟漪不是完全同步出现和变化。

1. 遮罩

Time与Alpha通道值相加取小数部分再减一，作为一个[-1,0]的变化的offset，上边的1-x节点的值，从1到0对应了涟漪开始出现到最后结束，即涟漪散开后效果最弱（1-x取0）。

offset取到后，与R通道的渐变值相加，实现一个循环出现的渐变效果；mul 20 扩大了范围，提前clamp在进行Sine运算取到了其中3个波浪纹（其他的clamp值取到的效果不理想）。

2. 法线

法线获取后与Mask相乘

3. 效果

Rain Puddle Shader

本节实现了坑洼积水的效果

整体思路

1. 使用噪声纹理，通过世界坐标采样后，截断到某一范围，使这一区域为1，其他区域为0，作为水坑的Mask。
2. 在遮罩为1的水坑中，实现了涟漪效果和水波效果的叠加（Add函数，2者并不互斥），其中2个效果也分别调用了制作好的材质函数。
3. 这里使用的水波效果实现，使用了一张水波Normal纹理的2次采样（不同的缩放），混合后乘以风的强度Scaler作为整体的强度。
4. 本节贴图distortion.tga

1. 遮罩

这里的遮罩使用1表示水坑出现的区域。首先用世界坐标做一个缩放后作为UV，得到的G通道值先减去一个小数，再除以一个非常小的小数，在Saturate到0-1范围里。其次还要计算世界法线向上的遮罩。2者相乘得到最终的Mask。
另：原作者的Lerp然后Mask得到的2个数字，后边可以使用参数控制水坑的范围。

2. 法线

法线的计算就是混合了水波和涟漪的法线，再与最终原本物体的法线混合（例子中使用(0,0,1)暂时代指一个向上的平面）。

3. 效果

Complete Rain Shader

本节混合了以上的效果，作为最终的雨天效果

整体思路

1. 对于一个已有材质，增加雨水覆盖的效果，需要增加的效果有：
   
   
   Wet效果（Rain Wetness Shader）-> BaseColor, Specular, Roughness
   
   雨滴效果（Rain Drops Shader）和水流效果（Rain Drips Shader） -> Normal(Lerp), Mask(Add)
   
   水坑效果（Rain Puddles Shader） -> Normal, Mask
   

2. 后两者的结果混合时Mask取Max作为Wet效果的Mask（即，有雨滴/流水效果和积水效果的地方，都应该具有Wet效果）。混合时Normal取Lerp（Mask作为Alpha值）。

1. 额外参数

原作者额外引进了Roughness和Porousness（渗水程度）作为2个调控的参数

2. 法线

法线部分混合了3个之前做的效果，并与原来材质的Normal输入进行了混合

3. 遮罩

遮罩使用上一步中几个部分计算得出的Mask进行混合，作为最终Wet效果的Mask

4. 实际使用

最终效果

Sequencer，牌面！

---

结语

以上内容仅作为总结回顾，更具体的步骤见开头视频处。

Tips: Rain Ripples Shader部分其实原作者在归纳进材质函数进行使用时，还多进行了一步混合，使多个涟漪可以互相重叠（比较复杂，以后再去总结归纳吧）