The Rain On Fire

Working With The Rain On Fire

The Rain On Fire is an atmospheric rendering technique used in game engines and real-time visual effects pipelines. It simulates the appearance of rain falling through or against a fire source — think embers catching moisture, steam rising from rainfall hitting hot surfaces, or liquid burning mid-fall. It's not a single software product. It's a compositing approach that combines particle systems, volumetric shaders, and motion blur layers.

How to Set Up The Rain On Fire in Unreal Engine 5

I ran into this setup about two years ago when a client wanted a scene where rain fell through a massive barrel fire on a wet cobblestone street. The default Niagara rain system wouldn't cut it. You need layered particles, not one bloated emitter. Here's what actually works:

Start with a standard rain particle system using GPU particles for performance. Set the droplet size between 0.05 and 0.15 meters, velocity around 30-40 meters per second downward, and enable wind resistance. That covers the base rain. Next, add a secondary ember particle system spawned from the fire geometry. These particles should rise slowly (3-8 m/s upward), have high temperature values in the shader, and flicker using a noise-driven scale oscillation. This is where most people mess up — they make the embers too bright and forget the heat haze around them. Add a subtle distortion material offset using a sine wave scaled to the ember lifetime. The key layer is the steam interaction. Create a third particle system that spawns where the rain particles intersect the fire zone volume. Use a collision detector or a simple bounding box trigger. Each intersection point should emit a short-lived steam puff (0.3-0.8 seconds lifetime) with a slight upward drift and a translucency fade that starts at 0.6 and drops to zero. The shader for the steam should use a soft radial gradient, not a hard-edged sphere.

For the actual "rain on fire" look — the orange-tinted droplets near the flames — use a distance-based color blend. In your rain shader, check the distance to the nearest fire light source. Within roughly 4 meters, shift the droplet albedo toward warm amber and increase specular intensity. Beyond that distance, keep the rain cool and blue-tinted. This distance threshold is critical. Set it too wide and everything looks like it's burning. Set it too narrow and the effect is invisible. I spent three days on one project where the rain droplets were reflecting the fire correctly but the volumetric fog was completely washing out the warmth. The fix was baking a low-res light grid around the fire and using it as a (mask) in the post-process material. Direct lighting the volumetric fog in real-time added too much ambient fill. Baking cut the render time from 45 seconds per frame to about 6 seconds during preview, and the final bake held up fine at 1080p output.

Common Pitfalls

People tend to over-render the flames themselves and under-render the rain. The rain should be almost secondary visually. If your fire is the main focus and the rain is just noise, the whole effect reads as "a fire with some particles on top" rather than rain interacting with fire. The eye needs to see the moisture first, then notice the thermal distortion. Another issue is particle spawn rate. Default rain systems often emit 5,000-10,000 particles per second. For a rain-on-fire scene, you actually want fewer total rain particles but a higher density in the fire zone. Use a localized spawn override rather than a global rate. This keeps GPU load manageable while making the interaction area feel dense. Depth of field also matters more than people expect. When you put a DOF blur behind the rain layer, the out-of-focus droplets near the fire create natural bokeh halos that sell the heat effect without extra shader work. Enable depth blur on your camera and set the near blur threshold so droplets within 2-3 meters of the fire plane get a soft halo.

The Rain On Fire as a Stock Asset

If you're not building this from scratch, there are pre-made Niagara templates and Unity VFX Graph packages available on the Unreal Marketplace and Asset Store. Search for "fire rain interaction" or "ember rain VFX." Most of them run between $15 and $40. The cheap ones ($15-20) are usually just particle systems with no steam layer — you'll need to add that yourself. The higher-tier assets ($35-50) typically include the full three-layer setup with a configurable fire zone volume and a post-process material for the heat tint. I tested three different packages last year. The $45 one from a mid-tier vendor had the best steam interaction but broke in UE5.1 due to a Niagara version mismatch. I had to downgrade the plugin to 5.0 compatibility mode, which cost me about two hours of debugging. The $20 option from a different seller worked out of the box but lacked the color blend I needed. I ended up merging both — taking the steam system from the expensive one and the fire proximity shader from the cheap one. That saved me roughly a day of work. If you're on a tight budget or need something custom, building it layer by layer as described above takes about 4-6 hours for a developer familiar with Niagara or VFX Graph. A beginner might need 12-15 hours. The time investment pays off because you retain full control over the interaction zone size, droplet color shift, and steam density — none of the stock assets let you tweak those without rewriting half the system.