Fire
Flames and rising embers.

Fire
| Setting | Kind | Starts at | Range and notes |
|---|---|---|---|
Stylestyle | choice | Along the bottom | Along the bottom, One flame |
Heartcolour | colour | #ffc861 | – |
Edgescolour2 | colour | #ff5a2e | – |
Heightheight | number | 42% | 5% to 100% |
Brightnessbrightness | number | 100% | 0% to 200% |
Speedspeed | number | 1× | 0.1 to 3× |
Flickerturbulence | number | 1× | 0 to 2× |
Embersembers | number | 50% | 0% to 100% |
Flame left and rightoriginX | number | 50% | 0% to 100%For a single flame |
Flame widthspread | number | 22% | 5% to 100% |
Moves to soundsound | number | 0% | 0% to 100%Leaps with the bass |
Embers drawn bysim | choice | Particle system | Particle system, LightLight suits weaker graphics |
From a script
Every setting above can be changed by the scene's logic, by its key. Say the layer is called Fire:
scene.set("Fire", "colour", "#ff8a5c");scene.animate("Fire", "opacity", 0.5, 2);import { scene } from "motion";scene.set("Fire", "colour", "#ff8a5c");scene.animate("Fire", "opacity", 0.5, 2);◆On Scene Start
ƒSet Layer SettingTarget is Layer
TargetFire
Parameter Namecolour
Parameter Value
What every layer has
Besides its own settings, every layer has its opacity, blend, placement, quick effects and an effects stack. They're listed once, on the layers page.
Notes from the community
Written by creators and checked by the docs' editors. Not part of Motion's official reference.