What is Value Noise?
In this GLSL shader tutorial, we will go over the basics of value noise. We start by setting up a GLSL shader in VS Code. Then we create a white noise function and add a grid layer on top of it. After that, we find the edges of the grid and perform bilinear interpolation to generate a primitive version of value noise. Finally, we smooth out the noise by running the grid UV coordinates through a smoothstep function.
📖 Code - https://github.com/SuboptimalEng/shad...
🎥 YouTube - / suboptimaleng
🐦 Twitter - / suboptimaleng
📸 Instagram - / suboptimaleng
💻 GitHub - https://github.com/SuboptimalEng
🌎 Website - https://suboptimaleng.com
== [ Resources ] ==
The Art of Code’s Tutorial - • Value Noise Explained!
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 - • How to Write GLSL Shaders in VS Code
== [ Timestamps ] ==
00:00 Intro to Noise
00:41 Value Noise Algorithm
01:17 GLSL Shader Setup
01:58 White Noise Function
02:49 Overlay Grid Cells
04:03 Bilinear Interpolation
05:38 Smoothstep Grid UVs
06:17 Add Layered Noise
== [ Tags ] ==
#suboptimal #glsl #shaders
