GLSL Resources

Editors / Communities

• Shadertoy — A massive online shader community with thousands of open-source shaders. Shaders from Shadertoy can be directly imported into Synesthesia using the Import tab (tutorial).
• Interactive Shader Format — A shader editor that uses a custom Interactive Shader Format (ISF). Similarly to Synesthesia, ISF shaders can be configured with JSON to create interactive controls. Shaders from ISF can be directly imported into Synesthesia using the Import tab (tutorial).
• GLSL Sandbox — A fullscreen fragment shader editor with many community examples
• ShaderGif — Create gifs using GLSL (or p5.js or JavaScript canvas)
• ShaderFrog — Create beautiful, complex shaders in your browser with no code!
• CYOS (Create Your Own Shader) — An editor that includes example code of common lighting techniques

GLSL Language

• OpenGL Shading Language - OpenGL Wiki — The official wiki for OpenGL and GLSL
• OpenGL 4 Reference Pages — The reference pages for GLSL's builtin functions and variables
• TyphoonLabs' OpenGL Shading Language Tutorials — A 5-chapter technical course on the GLSL language
• OpenGL Shading Language (GLSL) Quick Reference Guide — A quick reference card for common GLSL features
• Overview of GLSL, the OpenGL Shading Language — A video tutorial on the basics of writing GLSL code

Shader Tutorials

• The Book of Shaders — A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders
• Inigo Quilez Website — A wealth of tutorials, articles, examples, and more from one of the greatest shader artists
• The principles of painting with maths — An introductory tutorial to creating art with fragment shaders by Inigo Quilez
• The Art of Code — A YouTube channel with lots of advanced tutorials
• Shader School — An interactive tutorial series that runs in browser
• GLSL 2D Tutorials — An introductory tutorial series written in ShaderToy
• Introduction to Shading — A 10-chapter introduction to the basics of shading with example code
• 3D Game Shaders for Beginners — A step-by-step guide on how to implement SSAO, depth of field, lighting, normal mapping, and more
• GPU Gems — A 3-part, comprehensive guide to advanced graphics programming hosted by NVIDIA

Raymarching

• Distance Functions — A guide to modeling with signed distance functions (SDFs) by Inigo Quilez. Includes a library of SDF primitive functions
• Ray Marching and Signed Distance Functions — A tutorial that breaks down the ray marching process in-depth
• 9bit Science: Raymarching Distance Fields — An article that discusses various rendering techniques that can be used with raymarching
• Volumetric Rendering: Raymarching - Alan Zucconi — A 7-part tutorial series that covers volumetric rendering and raymarching
• Shane's Shadertoy Profile — A host of shaders by Shane with detailed documentation, many of which involve raymarching

More Resources

• Awesome GLSL — Compilation of the best resources to learn programming OpenGL Shaders
• Awesome WebGL — A curated list of awesome WebGL libraries, resources and much more
• Awesome OpenGL — A curated list of awesome OpenGL libraries, debuggers and resources