Particle system

Fireworks

An aerial fireworks show: 20 real shell types, shaped shells, formations and text written in the sky, with drag-limited stars, cooling sparks and lit smoke; fires on its own or where you click. Use for celebrations, New Year and night-sky scenes.

  • fireworks
  • celebration
  • new-year
  • night-sky
  • pyrotechnics
  • sparks
  • interactive

Settings and defaults

Settings

Intensity
1
Speed
1
Opacity
1
Size
1
Color
#ff3b30
Particle Count
14000
Launch Rate
1
Spread
1
Wind
0.15
Smoke
0.6
Random Fire
On
Fire On Click
Off
Second Color
#43e86b
Accent Color
#3f7dff
Spark Color
#ffc27a
Seed
1
Quality
Medium
Pointer Mode
Aim the shells
Pointer Strength
1
Pointer Radius
1
Pointer Color
#fff1c9
Trail Mode
Burning tails
Trail Length
1.2
Trail Opacity
0.7
Trail Color
#ffae6b
Trail Share
1

shells

Shell Type
Show (mix)
Text Mode
One shell per letter
Text Size
1
Formation
Off
Formation Count
9
Formation Size
1
Burst Size
1
Burst Height
1
Burn Time
1

Fireworks is a full aerial show. Shells rise from a rack of mortars, burst at the top of their climb and throw out stars that behave like real compositions: peonies that change colour, willows that droop in golden fronds, crossettes that split into crosses, crackle that pops and strobes that blink. Smoke from each burst drifts and is lit by the next.

How it works

Every shell, star and spark flies under gravity and air drag. Light charcoal stars stop quickly and hang, which gives a willow its drooping shape. Stars burn in three metal-salt colours, while sparks and gold stars cool from white through orange.

Settings

  • Shell Type: a mixed show, or one of 20 kinds including Heart, Ring, Saturn, Kamuro and Text, which writes your own text in the sky.
  • Formation: salvos whose bursts draw a line, an arc, a circle, a star, a heart and more.
  • Launch Rate, Burst Size, Burst Height and Burn Time: how often, how wide, how high and how long.
  • Random Fire and Fire On Click: let the show run on its own, or fire a shell that bursts where you click.
  • Color, Second Color, Accent Color and Spark Color.

The cursor can aim the shells, blow a gust through the show, or reignite falling stars so they flare and burn longer.

Use it for

New Year, launches, celebrations and events. More in particles; for a single sparkle pop see Sparkles Burst.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More particle systems

Works well with

Used in