awesome-glsl

Shader tutorial collection

A collection of resources and tutorials for learning OpenGL Shaders

sparkler Compilation of the best resources to learn programming OpenGL Shaders

GitHub

1k stars
29 watching
78 forks
last commit: about 3 years ago
Linked from 2 awesome lists

computer-graphicscreative-codingfragment-shaderglslglsl-shadergraphics-programminghtml5openglvertex-shaderswebgl

The art of the Shade / Tutorials

The book of ShadersGentle step-by-step guide through the abstract and complex universe of Fragment Shaders
An introduction to Shader Art CodingVideo tutuorial showing the basics of creating art with shaders
CG from Scratch!Learn Computer Graphics From
Tutorial inside ShadertoyTutorial Series made inside Shadertoy GLSL editor
Shader School4,321over 5 years agoA workshopper for GLSL shaders and graphics programming
Shaders ChapterChapter that focuses on shaders with OpenGL
TyphoonLabs5 PDF chapters from Jacobo Rodriguez Villar that go from history to advanced topics
Shaders with lwjgl1,872over 7 years ago6 brief but comprehensive lessons by Matt DesLauriers
TutsPlus SeriesA series of articles featuring implementations with WebGL and live code examples
3D Game Shaders For Beginners18,073about 3 years agoA step-by-step guide on how to implement SSAO, depth of field, lighting, normal mapping, and more for your 3D game

The art of the Shade / Sites

Khronos wiki referenceThe official wiki that describes in a very formal way how GLSL works
Stack.glSite that approaches Shaders from WebGL
Reddit Beautiful ShadersGeneral discussion and showcase for shaders
Reddit Two TrianglesGeneral discussion and showcase for shaders

The art of the Shade / Editors

ShadertoyBuild and share your best shaders with the world and get inspired
GLSL SandboxFullscreen editor with preview as the background and galleries
GLSLbinA fragment shader sandbox
Vertex Shader ArtVertex shader's gallery and coding playground
ShaderFrogDesign shaders without writing code
Babylon CYOSCreate Your Own Shader
FragmentDesktop Application that utilizes GLSL and live coding to allow anyone to create spectacular imagery with math(s)! (No longer available)
ShdrAn online ESSL (GLSL) shader editor, viewer and validator powered by WebGL
PixelShadersAn Interactive Introduction to Graphics Programming
The ForceOpen Source IDE by Shawn Lawson
Kick.js Shader EditorFormal Tool the WebGL engine Kick.js
Shader GifShaderGif is a free and open source home for art made with code. Make sure not to miss the
KodeLifeDesktop and mobile GLSL real-time editor
Vertex Shader ArtVertex Shader online gallery and editor

The art of the Shade / Articles

Intro Three.jsIntroduction to Shaders in Three.js
Primer:ShadersBrief and comprehensible introduction to shaders
WebGL Shaders IntroA fliendly introduction
Ray MarchingJamie Wong gives a great introduction to Ray Marching and Signed Distance Functions
Color CorrectionGreat expanation about how colour manipulation works by Tim Severien
WebGL Image ProcessingCovers a range of algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain

The art of the Shade / Tools

RenderDocStand-alone graphics debugger
Shader DesignerTyphoonLabs' OpenGL Shader Designer
SynthclipseSynthclipse is a GLSL shader prototyping tool
GLSLViewer4,748about 2 years agoLive GLSL coding render for MacOS and Linux
GLSLScene16almost 4 years agoProvides an environment for testing and developing GLSL shader programs (Windows)

Videos

Greg Tatum5 videos explaining how to implement lighting from scratch in WebGL
Steven WittensFull Stack Fest 2015: The Pixel Factory (Great visuals to gain insights into what's going on with concepts such as UV's, and Rastering)

Videos / People

Patricio Gonzales VivoMain contributor for the magnificent learning site "The book of shaders"
Íñigo QuílezHardcore math applied to computer graphics, one of the best shader makers out there
Anatole Drupat (XT95)Recognized shader artist with a big trajectory
awesome-webgl1,356about 3 years agoA curated list of awesome WebGL libraries, resources and much more
awesome-opengl2,182about 3 years agoA curated list of awesome OpenGL libraries, debuggers and resources
awesome-computer-vision21,139over 2 years agoA curated list of awesome computer vision resources
awesome-vulkan3,352about 2 years agoA curated list of awesome Vulkan projects and ecosystem
gamedev13,769almost 2 years agoA awesome list about game development
graphics-resources1,802over 5 years agoA list of graphic programming resources

Backlinks from these awesome lists:

More related projects: