I.5: 2D Noise - Perlin Noise and p5.js Tutorial

Channel:

The Coding Train

Subscribers:

1,750,000

Published on June 24, 2016 7:49:16 PM ● Video Link: https://www.youtube.com/watch?v=ikwNrFvnL3g

Category:

Tutorial

Duration: 11:32

113,785 views

1,913

In the fifth part of my Perlin Noise Tutorial, I demonstrate how to use two-dimensional Perlin noise in a p5.js sketch.

💻 Code: https://thecodingtrain.com/learning/noise/0.5-2d-noise.html
💻 Code (web editor): https://editor.p5js.org/codingtrain/sketches/2_hBcOBrF

🎥 Next video: https://youtu.be/D1BBj2VaBl4
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bgPNQAdxQZpJuJCjeOr7VD

Links discussed in this video:
🔗 p5.js noise() reference: https://p5js.org/reference/#/p5/noise
🔗 p5.js random() reference: https://p5js.org/reference/#/p5/random
🔗 The Nature of Code: https://natureofcode.com/book/
🔗 NOC Github: https://github.com/nature-of-code
🔗 NOC Examples p5.js: https://github.com/nature-of-code/noc-examples-p5.js

Other videos mentioned in this video:
🎥 The Pixel Array - p5.js Tutorial: https://youtu.be/nMUMZ5YRxHI

🚂 Website: http://thecodingtrain.com/
👾 Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
💡 GitHub: https://github.com/CodingTrain
💬 Discord: https://discord.gg/hPuGy2g
💖 Membership: http://youtube.com/thecodingtrain/join
🛒 Store: https://standard.tv/codingtrain
📚 Books: https://www.amazon.com/shop/thecodingtrain
🖋️ Twitter: https://twitter.com/thecodingtrain
📸 Instagram: https://www.instagram.com/the.coding.train/

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

🔗 p5.js: https://p5js.org
🔗 p5.js Web Editor: https://editor.p5js.org/
🔗 Processing: https://processing.org

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct