§02.12 — Lab Playground
FlowFieldVectors
A grid of arrows reading the curl of a procedural noise field. The cursor injects a local rotational bias into the flow.
Tech
Curl Noise · 2027
Status
Live
Renderer
WebGL2 / fallback
Updated
MMXXVII
Live · move the cursor
Curl Noise · 202760 fps target
◊ Brief
A grid of arrows reading a 2D scalar noise field as a vector field. The cursor injects local rotational bias so the flow swirls toward you.
- grid step18 px
- noise scale0.005
- cursor radius200 px
- swirl strength1.0
§README
- §01Vectors aren't pre-baked — the angle is sampled from sin/cos of the noise each frame, then blended with a swirl toward the cursor weighted by inverse distance.
- §02Drop particles onto this field to get advection trails. The same field powers the Particle Systems demo on a different layer.