Particle.Playground

Canvas2D · Spatial Hashing · Zero Dependencies

Physics

Gravity 0.10

Vertical pull applied each frame. Positive = down, negative = particles float upward.

Wind 0.00

Constant horizontal force. Negative = left, positive = right.

Friction 0.98

Velocity multiplier per frame. Lower = particles slow faster. At 1.0 there's no drag.

Turbulence 0.00

Random jitter added to velocity each frame. Creates chaotic, unpredictable motion.

Burst

Burst Count 150

Number of particles spawned per click or burst.

Particle Size 3.0

Base radius in pixels. Each particle varies slightly around this value.

Lifespan 200

How many frames a particle lives before fading out and being recycled.

Burst Speed 4.0

Initial velocity of particles when they explode outward from the click point.

Max Particles 3000

Pool cap. New particles won't spawn once this limit is hit. Lower for better performance.

Mouse Interaction

Attraction Force 0.00

Passive pull toward the cursor. Positive = attract, negative = repel. Hold-click overrides this.

Attraction Radius 150

Size of the influence zone around the cursor, shown as a ring on the canvas.

Collisions (spatial hash)

Particles bounce off each other using a spatial hash grid for efficient neighbour lookups. Heavier on CPU.

Visuals

Colour Palette

Click any swatch to pick a new colour. Particles are randomly assigned from this palette.

Trail Length 0.12

How quickly previous frames fade. Low = long ghostly trails, high = particles disappear instantly.

Glow Effect

Additive blending with a soft halo around each particle. Creates a luminous, neon look.

Size by Life

Particles shrink as they age, fading from full size to a tiny dot before dying.

Presets

Load a pre-configured combination of physics, burst, and visual settings. Click the canvas after selecting to see the effect.

Particles 0

FPS 0

Hash cells 0

Collisions 0

Click to burst · Hold & drag to attract · Right-click to repel