Home▸Rendering & Computer Graphics▸2D Particle Field — Curl Noise, N-Body, Boids & Lorenz (2D)

✨ 2D Particle Field — Curl Noise, N-Body, Boids & Lorenz (2D)

A CPU-side Canvas2D particle field demonstrating the same behaviours as GPU particle systems: curl-noise flow advection, N-body attraction, boids flocking and the Lorenz attractor — up to 8,000 particles at 60fps.

Rendering & Computer Graphics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

A CPU-side Canvas2D companion to the GPU particle system: pick curl-noise flow advection, N-body attraction, boids flocking, or the Lorenz attractor and watch up to 8,000 real per-particle physics updates render at 60fps. Click the canvas to place an attractor or repeller and reshape the field live.

particlescurl noisen-bodyboidslorenz attractorcanvas2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install