EffectNew
Fireworks
Fireworks over the town: a shell climbs, bursts into a round cloud of sparks that spreads, sinks and fades, and the next follows.
- Version
- 1.0.1
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| rate (Can change over time) | number | 0.4 | 0.02 to 3 1/s | how many bursts a second; above 0.3 each burst is cut shorter so the next can startCan change over time |
| size (Can change over time) | number | 0.16 | 0.04 to 0.5 | the burst's radius, as a share of the frame's heightCan change over time |
| sparks | integer | 150 | 10 to 300 | how many sparks a burst throws |
| sparkSize | number | 1.2 | 0.6 to 3 | how big each spark is, as a multiple of 2 px at 270 px tall |
| strength (Can change over time) | number | 1 | 0 to 1 | how bright the sparks areCan change over time |
| droop | number | 0.5 | 0 to 1 | how far the sparks sink as they cool; 0 hangs in the air, 1 falls like a willow |
| glitter | number | 0.6 | 0 to 1 | how much each spark twinkles as it burns out |
| spread | number | 0.6 | 0.1 to 1 | how wide across the frame the bursts range, as a share of its width |
| height | number | 0.24 | 0.05 to 0.7 | how high the bursts stand, as a share of the frame's height from the top |
| colourA | color | #ff7a45 | – | one of three burst colours (each burst picks one, with a second for its core) |
| colourB | color | #ff6fd8 | – | the second burst colour |
| colourC | color | #6fd3ff | – | the third burst colour |
| seed | integer | 7 | 0 to 999 | which show: it picks where each burst stands and which colours it takes |
Use it in a film
film.js
elements: { 'fireworks': { rate: 0.4, size: 0.16 } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.