I just saw this amazing video that shows procedural raindrop effect using a node setup in EEVEE, created by this person. It's not possible to see the node setup from the video. So I wonder if someone knows how to create a node setup that does what's being shown in the video.

enter image description here

up vote 10 down vote accepted

Use a Voronoi texture node to control roughness and normal (bump). Use a mapping node to stretch the texture in z-axis and animate the z-axis location to make the rain drops run down the sides:

enter image description here

On top of this, try to experiment with a noise texture to modulate the x and y axis to make the drops go down in a not so straight line.

Note: This approach only really work well on cube-like geometry with rounded corners.


EDIT: I worked further on this and with inspiration from Eris answer I updated the setup to the following:

enter image description here

The two voronoi textures are animated independently to make two sets of raindrops of slightly different sizes and speeds.

Rain drops result

Even though I used Eevee for the above example, this works perfectly fine with Cycles as well. The first example was made using Cycles in 2.79, the second with Eevee in a recent 2.8 build.


Here is the .blend-file (Note: this is a Blender 2.8 file):

  • So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video? – Amir Oct 23 at 20:44
  • Yes, if you animate the mapping nodes z-axis location. – Tobias Einarsson Oct 23 at 20:49
  • 5
    If you want replicate exactly what the video depicts I think your better off asking the author of the video for the .blend-file. And also, isn’t experimenting on your own the best (and most fun) way to learn? – Tobias Einarsson Oct 23 at 21:02
  • 1
    Great job! It's amazing!. Btw, I had already asked the author to share the node set up but he/she did not respond. – Amir Oct 24 at 12:26
  • 1
    Sure, the .blend file has been added. – Tobias Einarsson Oct 24 at 13:12

use a UV distortion to make rain drop more natural. in this case i use a wave texture to deform. like this enter image description here

  • Could you please post a .gif of what you've made or at least upload the .blend file here and put the link in your response? – Amir Oct 24 at 1:05

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.