Article · genekogan.com
p5js perlin noise
By Gene Kogan
- Type
- Article
- Level
- Beginner
- Price
- Free
About this lesson
Introduces Perlin noise in p5.js from 1D to 3D, showing how offsets decorrelate variables and how noise drives position, colour, curves and a deformed circle. Runnable examples throughout.
Related lessons

An introduction to Shader Art Coding
Free
Video · 23 min
kishimisu

How I Create Audio-Reactive Art | Touch Designer Crash Course
Free
Video · 49 min
pwnisher

Learn Creative Coding: Flow Fields 🎨
Free
Video · 1 h 1 min
Franks laboratory

Making Generative Art | Intro to Processing
Free
Video · 31 min
Daniel Simu

1.5.0 - Anatomy of an SVG File | Drawing Machines 101
Free
Video · 11 min
Dan Catt

p5.js Coding Tutorial | Pixel Sorting
Free
Video · 30 min
Patt Vira