FLOW

×

How Flow is built

• Zero dependencies. Hand-rolled vanilla JavaScript — no frameworks, no WebGL, no libraries. Just HTML, CSS and one engine file.
• Pixel-level rendering. Up to 200,000 particles are written directly into a Uint32Array pixel buffer every frame with saturating additive blending, then composited onto the canvas.
• Vector-field physics. Motion comes from a custom animated 3D value-noise flow field, sampled bilinearly per particle, integrated with inertia, friction, gravitational wells, vortices, comet wakes and shockwaves.
• Layered phenomena. Pinnable gravity stars, autonomous comets, a living constellation web, kaleidoscope symmetry compositing, particle typography, time warping and an autopilot conductor — all riding the same force pipeline.
• Cinematic bloom. Each frame is downsampled twice and re-blended with additive compositing — a cheap, GPU-side glow pass.
• 60 fps discipline. A GC-free hot loop on requestAnimationFrame, struct-of-arrays Float32 state, and adaptive resolution + density scaling.
• Shortcuts. Space supernova · C chaos · A autopilot · Esc close.

FLOW · A Quantum Fluid & Particle Symphony — vibe-coded with Claude Code.