Experiment 06 · Intermediate

Particle Field — a grid that learns your touch.

A quiet grid of points wakes up as you pass: pushed aside, tinted with the accent colour, then springing back to their posts.

Technique · Canvas 2D springs + repulsion Hint · Sweep the field Level · 06 / 10
Demo 06 · Particle Field
Technique

Springs bringing quiet points back home

Each particle stores a "home" position. The cursor exerts a repulsive impulse within a 130px radius; a spring constant pulls it back, and exponential damping settles the jitter.

◎

Physics per particle

Spring k = 120, damping c = 13, repulsion power 620. Integration is scaled by dt, so the same field feels identical on 60Hz and 144Hz screens.

✦

Cursor-aware glow

Particles near the cursor grow, brighten and tint with the accent colour. A faint radial glow hugs the pointer for a little extra depth.

Hundreds of particles, one canvas — zero per-frame layout reads.

Keep exploring

More motion experiments