Three layers of noise scroll upward at different speeds and are pulled sideways by a fourth, which is what makes flames lick instead of drift. A mask anchored at the bottom fades the heat out with height; the colour ramp goes black, deep red, orange, yellow, white. Heat raises the flames, Turbulence breaks them up, and Style pushes it from photoreal toward a flat, banded graphic flame. In the course this is the FireBurst node, fired on every asteroid hit.
New to shaders? Read Rive Shaders Explained →
Fire Burst on its own artboard in the library file, with the ShaderQuad node and the WGSL, Inputs for Heat, Turbulence, Style. Copy the artboard into any Rive file.
Learn to write this one: Lesson 340 · Fire Shader →
More from the Scripting Course
See all →Noise, as a Rive file, on us
The Noise shader with the GPU Canvas node wired and the WGSL inside. Drop it into any Rive file and see how a shader lives there.
Every shader here, as a ready-to-drop Rive file
Play with all of them here. The library file, every shader on its own artboard, comes with the Scripting Course, next to the lessons and the Space Game it belongs to.
Other free Rive tools
Riv File Viewer
Open, preview and debug .riv files on iPhone and iPad. Control state machines, edit data binding, and inspect assets.
Rive to Video Converter
Record a Rive animation playing and save it as a shareable mp4. Runs in your browser, nothing gets uploaded.
Embed Rive on Your Website
Paste a public .riv URL and copy an iframe embed code. Add a live Rive animation to any site, no SDK needed.