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
Watch video What is Value Noise? online without registration, duration hours minute second in high quality. This video was added by user Suboptimal Engineer 26 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,387 once and liked it 248 people.