Live Stream #46: Perlin Noise and Flow Fields
2,242Live 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://patreon.com/codingtrain
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/CodingTrain/Rainbow-Code
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/
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct