Environment effect

Rainbow

A physically based rainbow opposite the sun, with true spectral colours, faint inner fringes and an optional second bow. The cursor sprays or clears it.

  • rainbow
  • optics
  • sky
  • weather
  • dispersion
  • interactive

Settings and defaults

Intensity
1
Opacity
1
Drop Size
1 mm
Secondary
0
Color
#ffffff
Pointer Mode
Mist spray
Pointer Strength
1
Pointer Radius
1
Pointer Color
#ffffff

Rainbow places a single, physically correct rainbow in your scene. It appears where a real one would, centred on the point opposite the sun, and it is seen through the object's volume as if that space were filled with fine, invisible drops: strongest where you look through the most of it and fading softly toward its edges.

How it works

The colours are worked out from how light bends inside a water drop, wavelength by wavelength across the visible spectrum, so the order and width of the bands are right. Inside the main bow sit the faint extra fringes you see in a real rainbow, and their spacing depends on the size of the drops: big drops give a narrow, vivid bow, small drops widen and pale it, and fog-sized drops wash it into a white fogbow. It follows the scene's sun and, as in nature, is gone when the sun is below the horizon or higher than about 42 degrees.

Settings

  • Drop Size: from a white fogbow to a vivid bow.
  • Secondary: adds the second, fainter bow outside the first, with its colours reversed.
  • Color: a tint; white keeps the pure spectrum.

The cursor can be a mist spray that brightens the stretch of bow under it, a clearing that wipes it away, or a polarising filter that fades it as it turns.

Use it for

After-the-rain moments, hopeful and playful brand scenes and kids' content. Pair it with Rain and a sky.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More environment effects

Works well with