Here you will find all my shader tutorials sorted in alphabetical order.
For beginners, check out my Shadertoy tutorial. It will teach you how to create and share shaders from scratch. No prior knowledge of math or programming is required to complete this tutorial.
3D Printer
Creating a 3D printer shader – Agate DRAGON Games
Binary Image
Creating a binary image shader – Agate DRAGON
Blur
Simple gaussian blur shader using a kernel – Agate DRAGON
Bokeh
Creating a bokeh effect in a shader – Agate DRAGON Games
Tiling the bokeh shader – Agate DRAGON Games
Creating a multicoloured bokeh shader – Agate DRAGON Games
Checkerboard
Creating a checkerboard pattern in Shadertoy – Agate DRAGON Games
Distortion (barrel and pincushion)
Barrel Distortion Shader – Agate DRAGON
Duotone
Creating a duotone effect in a GLSL shader – Agate DRAGON
Duotone Circle
Creating a duotone circle effect in a GLSL shader – Agate DRAGON
Duotone Gradient
Creating a duotone gradient in a GLSL shader – Agate DRAGON
Edge Detection
Simple edge detection shader using a kernel – Agate DRAGON
Glitch
Glitch shader effect with displacement lines – Agate DRAGON
Glitch shader effect using blocks (Part 2) – Agate DRAGON
Glitch effect with RGB split – Agate DRAGON
Glitch with Barrel Distortion Comparison – Agate DRAGON
Gradient
Creating a rotating gradient in Shadertoy – Agate DRAGON Games
Creating a four corner gradient in Shadertoy – Agate DRAGON Games
Creating a rainbow gradient in Shadertoy – Agate DRAGON Games
Creating a circular gradient in Shadertoy – Agate DRAGON Games
Greyscale
Greyscale sprite shader – Agate DRAGON
Halftone
Creating a halftone shader – Agate DRAGON Games
Creating a halftone shader part 2 – Agate DRAGON Games
Hue Shift
Creating a hue shift shader – Agate DRAGON Games
Creating a hue shift gradient shader – Agate DRAGON Games
Invert
How to invert an image in a shader – Agate DRAGON Games
Noise
Creating a simple noise effect in Shadertoy – Agate DRAGON Games
Nova
How to create a nova shader effect – Agate DRAGON
Outline
Creating a simple outline shader – Agate DRAGON Games
Pattern
Creating a circle pattern in Shadertoy – Agate DRAGON Games
Creating a circle pattern in Shadertoy Part 2 – Agate DRAGON Games
Creating shape patterns with shaders – Agate DRAGON Games
RGB Split
Simple RGB Split Shader – Agate DRAGON
Scanline
Creating a scanline effect in Shadertoy – Agate DRAGON Games
Combining scanlines with a texture in Shadertoy – Agate DRAGON Games
Scrolling Background
Creating a scrolling background in Shadertoy – Agate DRAGON Games
Sepia
Sepia sprite shader – Agate DRAGON
Sharpen
Simple sharpen shader using a kernel – Agate DRAGON
Shining Coin
How to create a shining coin using a shader – Agate DRAGON Games
Spotlight
Creating a spotlight effect in Shadertoy – Agate DRAGON Games
Television
Creating a television effect in a shader – Agate DRAGON Games
Tint
Tinting sprites using a shader – Agate DRAGON
Transition
Fade to black screen transition in Shadertoy – Agate DRAGON Games
Push screen transition Shadertoy tutorial – Agate DRAGON Games
Circle screen transition Shadertoy tutorial – Agate DRAGON Games
Rotated rectangle Shadertoy transition tutorial – Agate DRAGON Games
Vignette
Creating a simple vignette in Shadertoy – Agate DRAGON Games