# Procedural Rain

**URL:** <https://forum.pixieditor.net/t/procedural-rain/242>\
**Category:** Procedural Generation\
**Created:** [July 23, 2025, 7:31am UTC](https://forum.pixieditor.net/t/procedural-rain/242 "2025-07-23T07:31:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![flabbet](https://forum.pixieditor.net/user_avatar/forum.pixieditor.net/flabbet/32/6_2.png) [@flabbet](https://forum.pixieditor.net/u/flabbet)\
**Post date:** [July 23, 2025, 7:31am UTC](https://forum.pixieditor.net/t/procedural-rain/242/1 "2025-07-23T07:31:36Z")

</div>

I’ve made a Procedural Rain with nodes.

The base idea behind it is:

1. Create a single droplet
2. Tile this droplet across whole image and rotate the tiling (if diagonal rain is what you want)
3. Create a noise, rotate it the same way as the rain, increase the contrast to make it black and white and use it as a mask for the rain
4. Plug animation time to tile and noise so it offests everything down

Noise breaks down the tiling effect and makes the rain look more random

.pixi file below

[Rain.pixi](https://forum.pixieditor.net/uploads/short-url/tPAFiTCnvYXW3PTOOC7RisllHns.pixi) (5.2 KB)

![Rain](https://forum.pixieditor.net/uploads/default/original/1X/fe3df84ccf9509c60fc4802746c944dbfbec5268.gif)

Whole process can be seen on a livestream [https://youtu.be/BdLJB53M2m0?t=3049](https://youtu.be/BdLJB53M2m0?t=3049)

---

<div class="post-metadata">

**Author:** ![MichiDexi](https://forum.pixieditor.net/user_avatar/forum.pixieditor.net/michidexi/32/74_2.png) [@MichiDexi](https://forum.pixieditor.net/u/MichiDexi)\
**Post date:** [July 24, 2025, 7:19am UTC](https://forum.pixieditor.net/t/procedural-rain/242/2 "2025-07-24T07:19:39Z")

</div>

The rain looks great!  
But it still doesn’t look completely random. Is it possible to move the tiles in a random direction so there’s more variation between trajectories?

---

<div class="post-metadata">

**Author:** ![flabbet](https://forum.pixieditor.net/user_avatar/forum.pixieditor.net/flabbet/32/6_2.png) [@flabbet](https://forum.pixieditor.net/u/flabbet)\
**Post date:** [July 24, 2025, 3:49pm UTC](https://forum.pixieditor.net/t/procedural-rain/242/3 "2025-07-24T15:49:03Z")

</div>

Yeah, for sure it’s possible. One of the ideas I have is to overlay multiple rains like these (with decreased density) and make each one move with slightly different speeds and angles