Particle system

Shape Burst

Bursts of charged particles that spiral out in a magnetic field and land exactly on a mesh shape, white-hot cooling to two family colours, then dissolve; the cursor detonates, curls or pulls them. Use for reveals, logos and impact moments.

  • burst
  • explosion
  • reveal
  • spirals
  • shapes
  • magnetic-field
  • motion
  • interactive

Settings and defaults

Intensity
1
Speed
1
Opacity
0.9
Size
1
Color
#45d1ff
Particle Count
180
Interval
2.8
Form Speed
2.4
Field Strength
1
Hold Time
1.2
Dissolve
0.3
Counter Color
#ff5aa8
Heat Color
#fff6e0
Head Size
1.4
Seed
1
Quality
Medium
Pointer Mode
Detonate
Pointer Strength
1
Pointer Radius
1
Pointer Color
#ffffff
Trail Mode
Spiral tails
Trail Length
0.4
Trail Opacity
0.8
Trail Color
#6a5cff
Trail Share
0.5

Shape Burst fires a burst of particles from a single point that curls outward in spirals and lands exactly on the surface of a shape, holds it for a moment, then drifts apart and fades before the next burst fires. Every burst reads as an explosion that assembles itself into a form.

How it works

The particles are charged and fly through a magnetic field with air drag, which bends their paths into spirals that slow as they go. Each particle is launched at exactly the speed and angle that brings it to rest on its own point of the shape, whichever way it spirals. Positive and negative particles curl in opposite directions and land in two colours, building the same shape from both sides.

Settings

  • Shape tab: the shape the burst lands on, from cones and spheres to a torus, a box or a polyhedron.
  • Interval and Hold Time: the time between bursts and how long the shape holds.
  • Form Speed: how quickly the burst settles into the shape.
  • Field Strength: how far the paths curl on the way out.
  • Heat Color, Color and Counter Color: the launch glow and the two landed colours.

The cursor can detonate new bursts as it moves, curl passing particles with a magnet, or pull the landed shape toward it with gravity so it stretches and snaps back.

Use it for

Reveals, logo moments, launches and transitions. See also Magnetic Bottle and the other particles.

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