Learning Shaders

A collection of links to anyone who wants to learn how to code shaders.

Websites

The book of shaders
Patricio Gonzalez Vivo and Jen Lowe
https://thebookofshaders.com

Inigo Quilez articles
Inigo Quilez
https://iquilezles.org/articles

p5.js shaders
Casey Conchinha and Loise Lessél
https://itp-xstory.github.io/p5js-shaders

Videos

Shader Tutorial Series
Lewis Lepton
https://www.youtube.com/watch?v=HIvNePu7UEE&list=PL4neAtv21WOmIrTrkNO3xCyrxg4LKkrF7

Creating Shaders on the Web for Beginners!
Liam Egam and Alex Trost on FrontendHorse Livestreams
https://www.youtube.com/watch?v=_ziWCZFqvak

Building Shaders with GLSL - w/ ilithya
ilithya and Alex Trost on FrontendHorse Livestreams
https://www.youtube.com/watch?v=6MwWOm23WfI

Coding Water Ripples with Shaders and p5.js
Daniel Shiffman / The Coding Train
https://www.youtube.com/watch?v=5lIl5F1hpTE

Shader Coding: Truchet Pattern Explained!
The Art of Code
https://www.youtube.com/watch?v=2R7h76GoIJM&t=1747s

CuriouslyMinded
Eliza Struthers-Jobin and ilithya + guests
https://www.youtube.com/@curiouslyminded

An Introduction to Shader Art Coding
kishimisu
https://www.youtube.com/watch?v=f4s1h2YETNY

Github Repositories

P5.js Shader Examples
Adam Ferriss
https://github.com/aferriss/p5jsShaderExamples

Online Editors

The Book of Shaders Editor
http://editor.thebookofshaders.com

Shadertoy
https://www.shadertoy.com