Environment effect
Rain
Rain streaks falling through the object's volume, pushed sideways by the wind and scattered by turbulence. Use for rainy, moody and weather scenes.
Settings and defaults
- Color
- #ffffff
- Size
- 0.1
- Opacity
- 0.5
- Speed
- 1 x
- Density
- 100
- Wind Strength
- 0
- Wind Direction
- 0 °
- Turbulence
- 0
Rain fills a box in your scene with falling streaks of rain. The object's scale sets the volume: its width and depth are the area it rains over, and its height is where the drops start. Drops that reach the bottom begin again at the top, so the shower never runs out.
How it works
Each drop falls at a steady speed with a little variation of its own, so the rain never moves in lockstep. The fall speed is measured in real-world units rather than in the size of the box, so a tall volume does not make the rain fall faster. Wind pushes every drop sideways toward the compass direction you choose and tilts the streaks, and turbulence adds a random sway.
Settings
- Density: how many drops fill the volume, up to 20,000.
- Speed: how fast they fall, as a multiple of normal rain.
- Size: the length of each streak.
- Color and Opacity: from faint grey drizzle to bright white streaks.
- Wind Strength and Wind Direction: how hard and which way the wind pushes.
- Turbulence: the random sway of the drops.
The drops never block clicks, so objects inside the rain stay selectable and interactive.
Use it for
Rainy streets, moody product shots, weather scenes and calm ambient loops. For neon-lit night rain with splashes, use Neon Rain; for lightning, add a Thunderstorm.
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More environment effects
Thunderstorm
A thunderstorm without the rain (rain is its own object): dark storm curtains drifting on the wind, and lightning arriving as a Poisson process of multi-stroke flashes that light the curtains and the whole scene. The cursor calls a strike or clears the murk. Use for storm, noir and dramatic scenes.
Tornado
A standalone tornado as a Rankine vortex: a condensation funnel on a wandering, rope-like axis with helical streaks that wind by differential rotation and climb on the updraft, and ground dust spiralling in and swirling up a sheath around it. The cursor steers it, feeds it or bends it with a gust. Use for storm and drama scenes.
Rainbow
A single physical rainbow on its own: water dispersion and an Airy profile with supernumerary fringes, centred opposite the sun and seen through the object’s volume. The cursor sprays, clears or polarises it. Use for after-rain and hopeful scenes.
Sandstorm
A haboob: billowing dust under a scale-height profile, gust fronts that roll downwind as towering walls, and saltating grains streaking along the ground, lit by forward-scattered sun. The cursor is a windbreak, a dust devil or a gust. Use for desert, ash and Mars scenes.
Snow
Snowfall with physical flakes: size-dependent terminal fall, helical flutter and tumbling dendrite crystals that glint in the sun, swept by travelling gusts and snow bands. The cursor is a gust, a shelter or a warm hand. Use for winter and weather scenes.
Works well with
Aquamarine
Light blue aquamarine with water-like clarity, calming sea-colored gemstone
CrystalAurora Ribbon Trail
An aurora cursor: a ribbon of northern lights trails the mouse, flowing green, cyan and magenta. For night, nature, winter and dreamy scenes.
CursorBubbles
A bubble cursor: iridescent soap bubbles rise from the mouse pointer, drift and pop. For kids, playful brands, water and beauty sites.
CursorCartoon Fluffy
Soft, puffy cartoon-style clouds with gentle edges and pleasant colors
EffectCirrus Gentle
Thin, wispy high-altitude cirrus clouds with gentle movement and high transparency
EffectCirrus Thick
Thicker cirrus clouds with reduced transparency and more visible cloud structure
Effect