Draw My Canvas / studio

Particle Burst

A continuous bloom of particles thrown outward from a bright core.

Plate 05particle-system
Live on an HTML canvas · vanilla JavaScript · no dependencies Open fullscreen

About this piece

A classic particle system. On every single frame a few new particles are born at the centre, each fired off in a random direction at a random speed, and each carrying a life value that ticks down toward zero.

As a particle ages its opacity and size shrink in step with its remaining life, so it fades out mid-flight and is quietly recycled. Nothing is scripted or keyframed — the fountain you see is the emergent sum of hundreds of tiny independent lifespans, which is why no two frames are ever identical.

What to look for

The buffer is capped: once too many particles exist, the oldest are dropped, keeping the animation smooth no matter how long it runs.

Colour is assigned by birth order — a steady mix of cobalt with occasional coral and bone — so the spray stays balanced instead of drifting to one hue.

Curious how the loop and canvas fit together? Read how it works →