← Playground一覧に戻る
p5js

Flow Field

Perlin noise flow field where hundreds of particles follow a smooth vector field in real time. Six parameters to tune the look.

800
2.0
0.0050
30
1.5

Flow Field

Hundreds of particles follow a smooth vector field generated by Perlin noise, leaving colored trails that build up over time into organic, ever-shifting patterns.

ParameterEffect
Particle CountTotal number of particles active at once
SpeedHow fast particles move — higher values create turbulent flow
Noise ScaleField granularity — small values form large sweeping arcs, large values create tight turbulence
Trail LengthHow long trails persist — higher values leave longer traces
Particle SizeStroke width of each particle line
Color ThemePalette: Ocean / Fire / Forest / Neon / Aurora / Mono

Click Reset to randomize the noise seed and clear the canvas, generating a completely different pattern.