{"id":724,"date":"2017-02-28T19:04:27","date_gmt":"2017-02-28T18:04:27","guid":{"rendered":"http:\/\/stefan-loser.de\/wordpress\/?page_id=724"},"modified":"2021-01-27T10:10:38","modified_gmt":"2021-01-27T09:10:38","slug":"rain-post-process-shader","status":"publish","type":"page","link":"https:\/\/stefan-loser.de\/?page_id=724","title":{"rendered":"Rain Post Process Shader"},"content":{"rendered":"\n

First there should be at least four features which have to show up: the rain drops themselves, water which is flowing on the surfaces, there should be excluded areas from this effect and refraction which shows up if you take a closer look at the rain flooded surfaces.
The rain drops are pretty straight forward: one drop texture which is tiled several times and layered above each other is linear interpolated based on the scene depth. This just gets added to the final scene color.<\/p>\n\n\n\n

I wanted to show you an old project of mine where I created a rain post process shader.<\/p>\n\n\n\n

The next step is to build up the setup for the water flowing over the surfaces. First we need the World Normal to get information in which direction the water should flow. I have masked out the blue channel since it indicates that the normals point upwards. The rest (one minus this value) is water that flows downwards. Of course the normals have to be normalized at the start to avoid artifacts.<\/p>\n\n\n

\n\t
<\/div>\n\t
<\/div>\n\t
<\/div>\n\t
<\/div><\/div>
\"\"<\/a><\/div>
\"\"<\/a><\/div><\/div><\/div>