EffectNew
Puddle ripples
Rain striking puddles and the road: flat splashes that spread and fade where each drop lands, with tiny droplets thrown up.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| rate (Can change over time) | number | 25 | 0.5 to 200 mm/h | the rain rate: more splashes, and bigger drops, as it climbs (light 2, heavy 25, downpour 100)Can change over time |
| strength (Can change over time) | number | 0.8 | 0 to 1 | how visible the splashes areCan change over time |
| splashSize | number | 1 | 0.3 to 3 | how big each splash grows, as a multiple of the usual |
| density | number | 1 | 0.2 to 2 | how many splashes are drawn for a given rain rate |
| centre | vec2 | 3, -8 | -3000 to 3000 m | the middle of the patch of ground that splashes, metres along the shore and inland of home's door |
| reach | number | 12 | 4 to 120 m | how far the near patch of splashes runs either side of its centre |
| level | number | 0 | -1 to 30 m | the height of the water surface over the ground, metres: raise it with a rising river or a flood |
| colour | color | #c5d0da | – | the colour of a splash's soft disc (pale grey-blue) |
| glint | color | #eef3f8 | – | the colour of the thrown droplets |
Use it in a film
film.js
elements: { 'puddle-ripples': { rate: 25, strength: 0.8 } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.