# Looking for rain effect

**URL:** <https://discourse.threejs.org/t/looking-for-rain-effect/29121>\
**Category:** Questions\
**Tags:** shaders\
**Created:** [August 20, 2021, 2:54pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121 "2021-08-20T14:54:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jackson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jackson/32/20273_2.png) [@Jackson](https://discourse.threejs.org/u/Jackson)\
**Post date:** [August 20, 2021, 2:54pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/1 "2021-08-20T14:54:55Z")

</div>

Greetings!  
can someone could point me one rain effect with threejs library?  
thanks!

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [August 20, 2021, 2:57pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/2 "2021-08-20T14:57:58Z")

</div>

Hi!  
Any explanatory picture/video of the desired effect?

---

<div class="post-metadata">

**Author:** ![Jackson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jackson/32/20273_2.png) [@Jackson](https://discourse.threejs.org/u/Jackson)\
**Post date:** [August 20, 2021, 3:17pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/3 "2021-08-20T15:17:37Z")

</div>

Hi, prisoner849

I’m just start one 3d project , ideally one skybox with rain drop with thunder optional effect  
not sure how hard is it to archive this, maybe a little difficult for me, I like three.js doc and got some concept with three.js . I also googled babylonjs but it’s not doc-friendly. the final effect is something like this:

> **[Atmospheric Scene of Rain ☔🌈](https://forum.babylonjs.com/t/atmospheric-scene-of-rain/14294)**
>
> 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...

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [August 20, 2021, 4:12pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/4 "2021-08-20T16:12:09Z")

</div>

Rain:  
1.

> [@LightNoise (selective bloom + noise)](https://discourse.threejs.org/t/lightnoise-selective-bloom-noise/24721):
>
> Hi community! Picture: Example: [https://codepen.io/prisoner849/full/poNXPyv](https://codepen.io/prisoner849/full/poNXPyv) This is an attempt to use a dynamic heightmap, generated in shader and written into a render target, to create a landscape, and imitate multiple point lights with a very simple “lighting model” (actually, it’s just a solid color, whose intensity depends on distance between position on the surface and position of a “light”). Also, there is “selective bloom” postprocessing, to make “lights” look more li…

2.

> **[Shadertoy](https://www.shadertoy.com/view/ltffzl)**
>
> Build shaders, share them, and learn from the best community.

3.

> **[Shadertoy](https://www.shadertoy.com/view/MdfBRX)**
>
> Build shaders, share them, and learn from the best community.

---

<div class="post-metadata">

**Author:** ![Chaser\_Code](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/chaser_code/32/20199_2.png) [@Chaser\_Code](https://discourse.threejs.org/u/Chaser_Code)\
**Post date:** [August 20, 2021, 5:34pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/5 "2021-08-20T17:34:10Z")

</div>

> **[19\_rain.zip](https://drive.google.com/file/d/1rjUsH5XU9eQZIyAtzMMMcxHn8GdRdmbS/view?usp=sharing)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![Jackson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jackson/32/20273_2.png) [@Jackson](https://discourse.threejs.org/u/Jackson)\
**Post date:** [August 23, 2021, 2:53pm UTC](https://discourse.threejs.org/t/looking-for-rain-effect/29121/6 "2021-08-23T14:53:46Z")

</div>

Great samples, Thank you!