In this shader tutorial, we will go over two common image processing techniques: box blur and Gaussian blur. We start by understanding the algorithm for box blur. Then we learn how to create a Gaussian blur by adjusting the weights in the kernel. Finally, we learn how to code both the box blur effect and the Gaussian blur effect, in a GLSL shader.
📖 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
VS Code GLSL Shader Setup Guide - https://youtube.com/watch?v=7UvpTTEE1Hs
== [ Timestamps ] ==
00:00 Intro to Blur Effects
00:23 Gaussian Blur Algorithm
02:29 Box Blur Shader
05:26 Gaussian Blur Shader
== [ Tags ] ==
#suboptimal #glsl #shaders