Coding Rainbow Live #46: Perlin Noise and Flow Fields

Coding By Builder

Live from sfpc.io!
This live stream is all about Perlin Noise! I explain how Perlin noise is created and how to visualize it. Then I get into 2D Perlin noise and use it to create a flow field with the p5.js library.

4:38 – Presenting today’s topic
22:00 – Video #1 – Intro to Perlin noise
38:34 – Video #2 – Difference between noise() and random()
51:56 – Video #3 – Graphing values of Perlin noise
1:21:24 – Video #4 – 2D Perlin noise
1:40:58 – Video #5 – noiseDetail()
1:53:53 – Video #6 – Perlin noise flow field
2:32:15 – Conclusion/Q&A

Support this channel on Patreon: https://www.patreon.com/codingrainbow

Send me your questions and coding challenges!

Contact: https://twitter.com/shiffman

Links discussed in this video:
Book of Shaders: http://thebookofshaders.com/
Perlin Noise Terrain Generator Video: https://www.youtube.com/watch?v=IKB1hWWedMk
Nature of Code video on the topic of Perlin noise: https://www.youtube.com/watch?v=8ZEMLCnn8v0
Pixel Array in p5.js video: https://www.youtube.com/watch?v=nMUMZ5YRxHI

Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials

p5.js: https://p5js.org/
Processing: https://processing.org

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

http://amara.org/v/Qbra/

source