UE5 后处理 镜头雨滴滑落效果

雨滴效果

纹理

这里所使用的纹理图是一张rgba四通道的图，其中RG存储法线数据，B存储雨滴进行动画的速度，A存储哪些雨滴进行动画
image-20230823195932152

image-20230823195630115
image-20230823195944864

修正拉伸

请注意，因为上图的纹理呈正方形，而常用的显示器是16：9，为矩形，如果直接将纹理用于屏幕上，势必会造成纹理拉伸，情况并不理想，因此需要将屏幕的分辨率修改成正方形

image-20230823202318937

image-20230823202332380

处理法线

随后将从纹理图得到的范围为[0,1]的法线数据变为[-1,1]

image-20230823203051210

雨滴动画

image-20230823203758216

静态和动态雨滴

这里需要将纹理图中的静态和动态雨滴分开计算，最后再合并

image-20230823205236281

最终效果

滑落效果

纹理

该纹理RG通道存储法线数据，B通道存储滑落的轨迹，A通道存储滑落的速度

image-20230823211803356

image-20230823211845566

image-20230823211920703

第二个纹理是一个mask，它决定了滑落的形状
image-20230823212131212

法线

image-20230823222125718

这里希望得到更强大法线效果，因此乘6减3

动画速度

image-20230823222317542

mask

因为mask纹理图的大小太小了，所以这里需要对其进行放大，否则滑落的mask范围很小

因此这里将前面获取的uv进行缩放,且改变方向(因为纹理图的方向是向上的)

image-20230823222523970

最终效果

image-20230823222652409

最后两个效果相加

image-20230823223205936

大功告成！

reference

https://www.youtube.com/watch?v=jfXJYPTdyAg&list=PL78XDi0TS4lGORvoEKCyw_6dO9tzlu6Ox&index=6

posted @ 2023-08-23 22:42  爱莉希雅  阅读(260)  评论(2)    收藏  举报