/p5jsplayground · live creative coding

A p5.js aurora engine you can bend with your hands.

A self-contained p5.js sketch runs inside the route: seeded particles, domain-warped flow, additive aurora ribbons, comet pulses, and a cursor lens that turns the whole canvas into responsive plasma.

p5.js 1.11.3 CDNInstance modeSeeded randomnessPointer + keyboard controls

Live canvas

Aurora Particle Conservatory

Back home

Flow field

Particles read the weather, not a path

Each photon samples a warped Perlin curl field, so the motion feels like plasma finding invisible currents instead of dots chasing a loop.

Gravity lens

The cursor bends the whole ecology

Mouse and touch input add a live attractor with swirl, pull, and wake. The sketch remains alive even untouched with an autonomous drifting lens.

Comet blooms

Clicks become expanding shock fronts

Tap anywhere to inject a pulse: rings flare in additive color while particles are pushed into a temporary comet-shaped scar.

Controls

Built like a tiny instrument, not a screenshot.

Move: Bend the cursor gravity lens
Click / tap: Bloom a comet pulse
R: Reseed the universe
Space: Pause or resume the drift
S: Save the current canvas as PNG