Perlin Noise Flow Field - Coding Challenge #24 · The Coding Train

Perlin Noise Flow Field

Coding Challenge #24

❰ Watch all videos ❱

In this coding challenge, I use Perlin noise to create a two-dimensional flow field with the p5.js library

p5js

icon for Processing

Processing

Community Contributions

Interactive Perlin Noise Flow Field by Davenewt (Source Code)
Rainbow Flow Field by Fernando Ribeiro (Source Code)
Floisefield by Afferore (Source Code)
Interactive Flowfield by Nils R (Source Code)
3D Simplex Flowfield by Julian Karrer (Source Code)

You can also add your own version! (See how)

Links discussed in this coding challenge