How to Code Procedural Terrain with Perlin Noise (JavaScript & p5.js)

Today I'll explain how to code infinite procedural terrain using Perlin Noise. I used JavaScript and p5.js, but the techniques I describe can be applied to any language and framework.
Project Code: https://github.com/RachelfTech/proced...

Instagram:   / rachelftech  
TikTok:   / rachelftech  
Music channel:    / @rachelfguitar  

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

Let me know if you'd like to see more coding tutorials like this :)

00:00 Intro
0:17 About Noise
01:03 Why not random noise?
01:34 What is Perlin Noise?
01:47 How to use Perlin Noise
03:45 How to add colors
05:25 Adding gradient colors
07:17 How to add more details
09:42 Zooming and panning
10:13 Raycast based shadows
10:59 3d height map
11:26 Conclusion