awesome-glsl
github.com/vanrez-nez/awesome-glsl ↗:sparkler: Compilation of the best resources to learn programming OpenGL Shaders
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me tutorials resources from awesome-glsl"
Installation instructions →What's inside
Tutorials
- 3D Game Shaders For Beginners
A step-by-step guide on how to implement SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
- An introduction to Shader Art Coding
Video tutuorial showing the basics of creating art with shaders.
- CG from Scratch!
Learn Computer Graphics From.
- Shaders Chapter
Chapter that focuses on shaders with OpenGL
- Shader School
A workshopper for GLSL shaders and graphics programming
- Shaders with lwjgl
6 brief but comprehensive lessons by Matt DesLauriers
People
- Anatole Drupat (XT95)
Recognized shader artist with a big trajectory
- Íñigo Quílez
Hardcore math applied to computer graphics, one of the best shader makers out there.
- Patricio Gonzales Vivo
Main contributor for the magnificent learning site "The book of shaders"
Related Lists
- awesome-computer-vision
A curated list of awesome computer vision resources.
- awesome-opengl
A curated list of awesome OpenGL libraries, debuggers and resources.
- awesome-vulkan
A curated list of awesome Vulkan projects and ecosystem.
- awesome-webgl
A curated list of awesome WebGL libraries, resources and much more.
- gamedev
A awesome list about game development.
- graphics-resources
A list of graphic programming resources.
Editors
- Babylon CYOS
Create Your Own Shader.
- Fragment
Desktop Application that utilizes GLSL and live coding to allow anyone to create spectacular imagery with math(s)! (No longer available)
- GLSLbin
A fragment shader sandbox.
- GLSL Sandbox
Fullscreen editor with preview as the background and galleries.
- Kick.js Shader Editor
Formal Tool the WebGL engine Kick.js
- KodeLife
Desktop and mobile GLSL real-time editor.
Articles
- Color Correction
- Intro Three.js
Introduction to Shaders in Three.js
- Primer:Shaders
Brief and comprehensible introduction to shaders.
- Ray Marching
- WebGL Image Processing
Covers a range of
- WebGL Shaders Intro
A fliendly introduction.
Tools
- GLSLScene
Provides an environment for testing and developing GLSL shader programs (Windows).
- GLSLViewer
Live GLSL coding render for MacOS and Linux.
- Greg Tatum
5 videos explaining how to implement lighting from scratch in WebGL.
- RenderDoc
Stand-alone graphics debugger.
- Shader Designer
TyphoonLabs' OpenGL Shader Designer
- Steven Wittens
Full Stack Fest 2015: The Pixel Factory (Great visuals to gain insights into what's going on with concepts such as UV's, and Rastering)
Sites
- Khronos wiki reference
The official wiki that describes in a very formal way how GLSL works.
- Reddit Beautiful Shaders
General discussion and showcase for shaders.
- Reddit Two Triangles
General discussion and showcase for shaders.
- Stack.gl
Site that approaches Shaders from WebGL
Showing a sample of 50 resources. View the full list on GitHub →