What is Perlin Noise?

Опубликовано: 11 Апрель 2025
на канале: Suboptimal Engineer

21,501

737

In this GLSL shader tutorial, we will go over Perlin noise. We start by setting up a GLSL shader in VS Code. Then we create a grid of cells and generate random gradients at the corner of each grid cell. Afterward, we generate a vector for each pixel coordinate and calculate the dot product to generate Perlin noise. Finally, we learn about Perlin noise variants like billow noise and ridged noise.

📖 Code - https://github.com/SuboptimalEng/shad...

🎥 YouTube -    / suboptimaleng
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter -   / suboptimaleng
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram -   / suboptimaleng

== [ Resources ] ==
Inigo Quilez’s Articles - https://iquilezles.org/articles
The Book of Shaders - https://thebookofshaders.com
Simon Dev’s Shader Course - https://simondev.teachable.com
VS Code GLSL Shader Setup Guide - https://youtube.com/v/7UvpTTEE1Hs
Sebastian Lagues’ Procedural Planets - https://www.youtube.com/v/H4g-TC__cvg

== [ Timestamps ] ==
00:00 Intro to Perlin Noise
00:41 Perlin Noise Algorithm
01:34 GLSL Shader Setup
02:42 Create Random Gradients
04:30 Find Distance to Pixel
05:15 Calculate Dot Product
06:50 Billow and Ridged Noise

== [ Tags ] ==
#suboptimal #glsl #shaders