Coding Challenge #136.1: Polar Perlin Noise Loops

In this multi-part coding challenge I show how to use a noise field and polar coordinates to create a perfect GIF loop. Code: https://thecodingtrain.com/challenges... p5.js Web Editor Sketches: 🕹️ Polar Perlin Noise Loops: https://editor.p5js.org/codingtrain/s... 🕹️ Perlin Noise GIF Loops: https://editor.p5js.org/codingtrain/s... Other Parts of this Challenge: 📺 Perlin Noise GIF Loops:    • Coding Challenge #136.2: Perlin Noise GIF ...   🎥 Previous video:    • Coding Challenge #135: Making a GIF Loop i...   🎥 Next video:    • Coding Challenge #137: 4D OpenSimplex Nois...   🎥 All videos:    • Coding Challenges   References: 🖋️ Étienne Jacob's tweet:   / 1096403588069425152   📓 Étienne Jacob's Blog Post: https://necessarydisorder.wordpress.c... 🔗 noise() reference: https://processing.org/reference/nois... 💻 ffmpeg: https://ffmpeg.org/ 🗄 Perlin Noise: https://en.wikipedia.org/wiki/Perlin_... Videos: 🚂 Blobby!:    • Coding Challenge #36: Blobby!   🚂 Drawing with Fourier Transform and Epicycles:    • Coding Challenge #130.1: Drawing with Four...   🚂 Heart Curve:    • Coding Challenge #134.1: Heart Curve   🚂 GIF Loop:    • Coding Challenge #135: Making a GIF Loop i...   🎥 Perlin Noise:    • 13: What is Perlin Noise?   🔴 Coding Train Live 169:    • Coding Train Live 169: Perlin Noise Loops ...   Related Coding Challenges: 🚂 #36 Blobby!:    • Coding Challenge #36: Blobby!   🚂 #130 Drawing with Fourier Transform and Epicycles:    • Coding Challenge #130.1: Drawing with Four...   🚂 #134 Heart Curve:    • Coding Challenge #134.1: Heart Curve   🚂 #135 Making a GIF Loop in Processing:    • Coding Challenge #135: Making a GIF Loop i...   Timestamps: 0:00 Introduce coding challenge 1:35 Let's code 1:45 Recreate coding challenge 'Blobby' 4:18 Add Perlin noise 5:25 Highlight the artifact in the blobby shape 6:30 Illustrate Perlin noise in one dimension 7:18 Explain Perlin noise in two dimensions 8:24 Walk noise space in a loop 9:20 Visualize noise space in two dimensions 10:16 Implement noise in two dimensions 11:41 Refine how noise values change over time 12:21 Experiment with different parameters 14:28 Update how noise values change 17:25 Consider creative possibilities 19:04 Additional notes on the noise space 19:21 Explain noise seed 19:47 Introduce noise in higher dimensions 21:28 Conclude coding challenge Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/pas... 🚩 Suggest Topics: https://github.com/CodingTrain/Sugges... 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter:   / thecodingtrain   📸 Instagram:   / the.coding.train   🎥 Coding Challenges:    • Coding Challenges   🎥 Intro to Programming:    • Start learning here!   🔗 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-o... This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod... #gifloop #perlinnoise #polarcoordinates #p5js #processing