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/shader-tutorials
🎥 YouTube - https://youtube.com/SuboptimalEng
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter - https://twitter.com/SuboptimalEng
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram - https://instagram.com/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