I have used ripple and rain shader to create a scene of Rain:
https://hiteshsahu.com/Rain
Left-click/Tap on the screen to throw beach balls.
Press F to enter immersive FPS mode. In FPS mode you can feel the rain on the face while walking on the ground using W, S, A, D keys.
Enjoy let me know your feedback.
Cool rain effects on the face, it reminds me of:
This one also is cool:
Hi,
It’s pretty. For the rain when we are in Game mode, I have the impression that water is streaming on the camera (or on the windshield of a car).
I also noticed that the frogs disappears when you get too close to it. Maybe that’s the intended effect.
But otherwise it’s pretty. Beautiful little autumn scene
Wow, I thought no one will notice that 
. All Frogs you see there are randomly distributed instances of one Animated Frog Mesh. The Frog that doesn’t disappear when you go too close to it is the Real Frog. 
It is just like Dr. Strange & Multiple Man make copies of themselves and you need to find out which one is real.
Found the Real Frog: 
I like how you always include some option to shoot objects
This didn’t load for me on firefox so I had to open it with chrome. The console logged the error “ammo” is not defined. So perhaps the ammo js library wont load on Firefox for some reason. Just thought I would mention it.
beautiful as usual!
Many thanks🙂. That is a very useful feedback, I will fix AmmoJs issue.
Hi Richard,
It worked fine on Firefox in my Windows machine. Are you using Macbook?
Sorry for the delay in replying. I just looked at your demo again in Firefox. I disabled my add-ons this time and it worked this time, so the issue was caused by one of my add-ons.
@HiteshSahu : Very very nice :). I like a lot of your stuff - including the Space/Time warp!
Is there a shader somewhere for the rain and raindrops, or is it your code ?
Stay Safe, gryff
Thanks @gryff. For rain shader see @evgeni_popov comment: Shader - Shadertoy BETA.
For water ripple you can use this one Shader - Shadertoy BETA
open source closed ?
I’ve changed a few things so that raindrops can come out, but there’s still a problem
Here is the pg：Rain drop
More help is needed
@Evgeni_Popov
You have a CORS problem:
Access to image at ‘https://www.shadertoy.com/media/a/8de3a3924cb95bd0e95a443fff0326c869f9d4979cd1d5b6e94e2a01f5be53e9.jpg’ from origin ‘https://playground.babylonjs.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
It’s not a very serious problem
new PG
You must use textureLod and not texture2D line 222, as in the original ShaderToy shader:
I’m not particularly proficient in shaders. How can I achieve the complete effect without using texturedLod?
I wrote most of the code in PBRCustomMaterial, but I can’t achieve such a great effect.
Like the refraction of raindrops, the trailing effect on glass
Could you help me?
From what I can see in your PG, it seems the trailing effect works, only the refraction is missing? It’s easier to see it if you set the metallic / roughness properties (https://playground.babylonjs.com/#PXD8KZ#11).
From my understanding, the refraction effect works because it looks up into the iChannel0 texture with an offset. If you want the same effect, you will have to use a texture too.
