Fire Effect
Animated flames with gradient colors rising from an item.
Usage
app.applyEffect(item, 'fire', {
colors: ['#fffbe6', '#fbbf24', '#f97316', '#ef4444'],
count: 12,
speed: 1.5,
turbulence: 1.0
});
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
colors |
string[] | warm gradient | Flame color gradient (bottom to top) |
color |
string | Single color (auto-generates gradient) | |
count |
number | 12 | Particles per cycle |
speed |
number | 1.5 | Flame rise speed |
spread |
number | 1.0 | Horizontal spread |
particleLife |
number | 1.5 | Particle lifespan (seconds) |
size |
number | 6 | Base particle size |
height |
number | 0 | Vertical offset |
turbulence |
number | 1.0 | Flame turbulence amount |
maxParticles |
number | 30 | Maximum particles |