Particle Flow Field

Thousands of particles drifting through an invisible noise field.

IntermediateWeb appCreative8–16hAI-buildable 5/5no setup

A flow field driven by Perlin noise, with particles tracing paths through it. Beautiful almost immediately, and a real performance exercise — getting to tens of thousands of particles means leaving the naive per-particle draw call behind.

Logic

Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 6

Particles follow a noise-driven vector field
Particle count, speed and trail length are adjustable live
Particles wrap or respawn when they leave the canvas
The field can be re-seeded to change the pattern
The animation loop is paused when the tab is hidden
Frame rate stays smooth at the default particle count

The interesting part

Keeping thousands of particles at 60fps
Trail rendering without clearing the whole canvas each frame
Pausing and resuming requestAnimationFrame cleanly

Once it works

Let the pointer push particles away
Add colour driven by particle velocity
Record a few seconds to a video file

Suggested stack