How to make a procedural node setup to for raindrop effect for EEVEE?

Clash Royale CLAN TAG#URR8PPP

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;

up vote
1
down vote

favorite

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.

rendering materials nodes procedural eevee

share|improve this question

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

add a comment | 

up vote
1
down vote

favorite

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.

rendering materials nodes procedural eevee

share|improve this question

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

add a comment | 

up vote
1
down vote

favorite

up vote
1
down vote

favorite

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.

rendering materials nodes procedural eevee

share|improve this question

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

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.

rendering materials nodes procedural eevee

rendering materials nodes procedural eevee

share|improve this question

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

share|improve this question

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

share|improve this question

share|improve this question

edited 5 hours ago

edited 5 hours ago

edited 5 hours ago

asked 6 hours ago

Amir

1,2581524

asked 6 hours ago

Amir

1,2581524

asked 6 hours ago

Amir

1,2581524

1,2581524

add a comment | 

add a comment | 

2 Answers
2

active

oldest

votes

up vote
3
down vote

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:

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.

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

• 
  
  
  

  
  

  
  
  
  
  
  

  
  So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
  – Amir
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Yes, if you animate the mapping nodes z-axis location.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
  – Amir
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  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
  4 hours ago
  
  

  
  
  
  

 | 
show 1 more comment

up vote
0
down vote

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

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  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
  51 mins ago
  
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
return StackExchange.using("mathjaxEditing", function ()
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["$", "$"], ["\\(","\\)"]]);
);
);
, "mathjax-editing");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "502"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: false,
noModals: false,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fblender.stackexchange.com%2fquestions%2f121131%2fhow-to-make-a-procedural-node-setup-to-for-raindrop-effect-for-eevee%23new-answer', 'question_page');

);

Post as a guest

Name Email

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

active

oldest

votes

active

oldest

votes

up vote
3
down vote

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:

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.

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

• 
  
  
  

  
  

  
  
  
  
  
  

  
  So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
  – Amir
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Yes, if you animate the mapping nodes z-axis location.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
  – Amir
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  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
  4 hours ago
  
  

  
  
  
  

 | 
show 1 more comment

up vote
3
down vote

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:

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.

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

• 
  
  
  

  
  

  
  
  
  
  
  

  
  So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
  – Amir
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Yes, if you animate the mapping nodes z-axis location.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
  – Amir
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  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
  4 hours ago
  
  

  
  
  
  

 | 
show 1 more comment

up vote
3
down vote

up vote
3
down vote

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:

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.

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

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:

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.

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

share|improve this answer

share|improve this answer

answered 5 hours ago

Tobias Einarsson

1,086612

answered 5 hours ago

Tobias Einarsson

1,086612

answered 5 hours ago

Tobias Einarsson

1,086612

1,086612

• 
  
  
  

  
  

  
  
  
  
  
  

  
  So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
  – Amir
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Yes, if you animate the mapping nodes z-axis location.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
  – Amir
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  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
  4 hours ago
  
  

  
  
  
  

 | 
show 1 more comment

• 
  
  
  

  
  

  
  
  
  
  
  

  
  So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
  – Amir
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Yes, if you animate the mapping nodes z-axis location.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
  – Tobias Einarsson
  5 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
  – Amir
  4 hours ago
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  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
  4 hours ago
  
  

  
  
  
  

So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
– Amir
5 hours ago

So does this give you the raindrop-moving-effect when you start rendering like what is being shown in the video?
– Amir
5 hours ago

Yes, if you animate the mapping nodes z-axis location.
– Tobias Einarsson
5 hours ago

Yes, if you animate the mapping nodes z-axis location.
– Tobias Einarsson
5 hours ago

Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
– Tobias Einarsson
5 hours ago

Quite possibly the example in your question uses multiple instances of mapping nodes / voronoi nodes to make a couple of layers with drops of different sizes and different speeds. But the basic setup should look something like what I showed.
– Tobias Einarsson
5 hours ago

Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
– Amir
4 hours ago

Could you please work on it a bit more so that you can literally make something that depicts what the video shows. Then I can accept your post as the answer to my question.
– Amir
4 hours ago

1

1

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
4 hours ago

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
4 hours ago

 | 
show 1 more comment

up vote
0
down vote

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

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  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
  51 mins ago
  
  

  
  
  
  

add a comment | 

up vote
0
down vote

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

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  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
  51 mins ago
  
  

  
  
  
  

add a comment | 

up vote
0
down vote

up vote
0
down vote

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

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

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

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this answer

share|improve this answer

answered 54 mins ago

eris

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

answered 54 mins ago

eris

1

answered 54 mins ago

eris

1

1

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

New contributor

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

eris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  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
  51 mins ago
  
  

  
  
  
  

add a comment | 

• 
  
  
  

  
  

  
  
  
  
  
  

  
  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
  51 mins ago
  
  

  
  
  
  

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
51 mins ago

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
51 mins ago

add a comment | 

 

draft saved

draft discarded

 

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fblender.stackexchange.com%2fquestions%2f121131%2fhow-to-make-a-procedural-node-setup-to-for-raindrop-effect-for-eevee%23new-answer', 'question_page');

);

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name Email

Name Email

Name

Email

Name Email

Name

Email