{"id":13532366,"url":"https://github.com/vanrez-nez/awesome-glsl","last_synced_at":"2025-10-07T09:53:50.418Z","repository":{"id":37772216,"uuid":"110746033","full_name":"vanrez-nez/awesome-glsl","owner":"vanrez-nez","description":":sparkler: Compilation of the best resources to learn programming OpenGL Shaders","archived":false,"fork":false,"pushed_at":"2023-08-21T17:06:46.000Z","size":42,"stargazers_count":1306,"open_issues_count":0,"forks_count":87,"subscribers_count":30,"default_branch":"master","last_synced_at":"2025-10-03T22:02:43.850Z","etag":null,"topics":["computer-graphics","creative-coding","fragment-shader","glsl","glsl-shader","graphics-programming","html5","opengl","vertex-shaders","webgl"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vanrez-nez.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-11-14T21:19:59.000Z","updated_at":"2025-09-30T02:50:49.000Z","dependencies_parsed_at":"2024-01-09T17:17:17.001Z","dependency_job_id":null,"html_url":"https://github.com/vanrez-nez/awesome-glsl","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vanrez-nez/awesome-glsl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanrez-nez%2Fawesome-glsl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanrez-nez%2Fawesome-glsl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanrez-nez%2Fawesome-glsl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanrez-nez%2Fawesome-glsl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vanrez-nez","download_url":"https://codeload.github.com/vanrez-nez/awesome-glsl/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vanrez-nez%2Fawesome-glsl/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278755164,"owners_count":26040034,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["computer-graphics","creative-coding","fragment-shader","glsl","glsl-shader","graphics-programming","html5","opengl","vertex-shaders","webgl"],"created_at":"2024-08-01T07:01:10.448Z","updated_at":"2025-10-07T09:53:50.399Z","avatar_url":"https://github.com/vanrez-nez.png","language":null,"funding_links":[],"categories":["Awesome-Game","miscellaneous","Others","Other Lists","Core","Attribution"],"sub_categories":["TeX Lists","Svelte","AI-Assisted CG Software"],"readme":"# The art of the Shade\n\n## About this list\nThe following is a compilation of the best resources I have found in my way to learn how to program the amazing [GLSL](https://en.wikipedia.org/wiki/OpenGL_Shading_Language). If you are planning to take shaders from a broader aproach you might find [this compilation for webgl](https://github.com/sjfricke/awesome-webgl) or [this one for opengl](https://github.com/eug/awesome-opengl) more useful.\n\n## Contents\n* [Tutorials](#tutorials)\n* [Sites](#sites)\n* [Editors](#editors)\n* [Articles](#articles)\n* [Books](#books)\n* [Tools](#tools)\n* [People](#people)\n\n## Tutorials\n* [The book of Shaders](https://thebookofshaders.com/) - Gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.\n* [ An introduction to Shader Art Coding](https://youtu.be/f4s1h2YETNY) - Video tutuorial showing the basics of creating art with shaders. \n* [CG from Scratch!](http://www.scratchapixel.com/lessons/3d-basic-rendering/introduction-to-shading/) - Learn Computer Graphics From.\n* [Tutorial inside Shadertoy](https://www.shadertoy.com/view/Md23DV) - Tutorial Series made inside Shadertoy GLSL editor\n* [Shader School](https://github.com/stackgl/shader-school) - A workshopper for GLSL shaders and graphics programming\n* [Shaders Chapter](http://antongerdelan.net/opengl/shaders.html) - Chapter that focuses on shaders with OpenGL\n* [TyphoonLabs](https://www.opengl.org/sdk/docs/tutorials/TyphoonLabs/) - 5 PDF chapters from Jacobo Rodriguez Villar that go from history to advanced topics.\n* [Shaders with lwjgl](https://github.com/mattdesl/lwjgl-basics/wiki/Shaders) - 6 brief but comprehensive lessons by Matt DesLauriers\n* [TutsPlus Series](https://gamedevelopment.tutsplus.com/categories/shaders) - A series of articles featuring implementations with WebGL and live code examples.\n* [3D Game Shaders For Beginners](https://github.com/lettier/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.\n\n## Sites\n* [Khronos wiki reference](https://www.khronos.org/opengl/wiki/OpenGL_Shading_Language) - The official wiki that describes in a very formal way how GLSL works.\n* [Stack.gl](http://stack.gl/) - Site that approaches Shaders from WebGL\n* [Reddit Beautiful Shaders](https://www.reddit.com/r/shaders/) - General discussion and showcase for shaders.\n* [Reddit Two Triangles](https://www.reddit.com/r/twotriangles/) - General discussion and showcase for shaders.\n\n## Editors\n* [Shadertoy](http://shadertoy.com) - Build and share your best shaders with the world and get inspired.\n* [GLSL Sandbox](http://glslsandbox.com) - Fullscreen editor with preview as the background and galleries.\n* [GLSLbin](http://glslb.in) - A fragment shader sandbox.\n* [Vertex Shader Art](https://www.vertexshaderart.com) - Vertex shader's gallery and coding playground.\n* [ShaderFrog](https://shaderfrog.com/) - Design shaders without writing code.\n* [Babylon CYOS](https://cyos.babylonjs.com/) - Create Your Own Shader.\n* [Fragment](http://www.syedrezaali.com/store/fragment-osx-app) - Desktop Application that utilizes GLSL and live coding to allow anyone to create spectacular imagery with math(s)! (No longer available)\n* [Shdr](http://shdr.bkcore.com/) - An online ESSL (GLSL) shader editor, viewer and validator powered by WebGL.\n* [PixelShaders](http://pixelshaders.com/) - An Interactive Introduction to Graphics Programming.\n* [The Force](https://shawnlawson.github.io/The_Force/) - Open Source IDE by Shawn Lawson\n* [Kick.js Shader Editor](http://www.kickjs.org/tool/shader_editor/shader_editor.html) - Formal Tool the WebGL engine Kick.js\n* [Shader Gif](https://shadergif.com) - ShaderGif is a free and open source home for art made with code. Make sure not to miss the [gallery](https://shadergif.com/feed).\n* [KodeLife](https://hexler.net/kodelife) - Desktop and mobile GLSL real-time editor.\n* [Vertex Shader Art](https://www.vertexshaderart.com/) - Vertex Shader online gallery and editor.\n\n## Articles\n* [Intro Three.js](https://www.airtightinteractive.com/2013/02/intro-to-pixel-shaders-in-three-js/) - Introduction to Shaders in Three.js\n* [Primer:Shaders](https://notes.underscorediscovery.com/shaders-a-primer/) - Brief and comprehensible introduction to shaders.\n* [WebGL Shaders Intro](https://gamedevelopment.tutsplus.com/tutorials/getting-started-in-webgl-part-1-introduction-to-shaders--cms-26208) - A fliendly introduction.\n* [Ray Marching](http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/) Jamie Wong gives a great introduction to Ray Marching and Signed Distance Functions\n* [Color Correction](https://timseverien.com/posts/2020-06-19-colour-correction-with-webgl/) Great expanation about how colour manipulation works by Tim Severien\n* [WebGL Image Processing](https://maximmcnair.com/webgl-image-processing) - Covers a range of _Image Processing_ algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain.\n\n## Books\n## Tools\n* [RenderDoc](https://renderdoc.org/builds) - Stand-alone graphics debugger.\n* [Shader Designer](https://www.opengl.org/sdk/tools/ShaderDesigner/) - TyphoonLabs' OpenGL Shader Designer\n* [Synthclipse](http://synthclipse.sourceforge.net/index.html) - Synthclipse is a GLSL shader prototyping tool.\n* [GLSLViewer](https://github.com/patriciogonzalezvivo/glslViewer) - Live GLSL coding render for MacOS and Linux.\n* [GLSLScene](https://github.com/jwurzer/glslScene) - Provides an environment for testing and developing GLSL shader programs (Windows).\n\n# Videos\n* [Greg Tatum](https://www.youtube.com/playlist?list=PLxaZqnd-OQM7Y0lfe7h2cjlQAm5O9_6UL) - 5 videos explaining how to implement lighting from scratch in WebGL.\n* [Steven Wittens](https://www.youtube.com/watch?v=4NkjLWAkYZ8) - 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)\n\n## People\n* [Patricio Gonzales Vivo](http://patriciogonzalezvivo.com/) - Main contributor for the magnificent learning site \"The book of shaders\"\n* [Íñigo Quílez](http://iquilezles.org/index.html) - Hardcore math applied to computer graphics, one of the best shader makers out there. [ST Profile](https://www.shadertoy.com/user/iq)\n* [Anatole Drupat (XT95)](http://www.aduprat.com/) - Recognized shader artist with a big trajectory [ST Profile](https://www.shadertoy.com/user/XT95)\n\n## Related Lists\n* [awesome-webgl](https://github.com/sjfricke/awesome-webgl) - A curated list of awesome WebGL libraries, resources and much more.\n* [awesome-opengl](https://github.com/eug/awesome-opengl) - A curated list of awesome OpenGL libraries, debuggers and resources.\n* [awesome-computer-vision](https://github.com/jbhuang0604/awesome-computer-vision) - A curated list of awesome computer vision resources.\n* [awesome-vulkan](https://github.com/vinjn/awesome-vulkan) - A curated list of awesome Vulkan projects and ecosystem.\n* [gamedev](https://github.com/ellisonleao/magictools) - A awesome list about game development.\n* [graphics-resources](https://github.com/mattdesl/graphics-resources) - A list of graphic programming resources.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanrez-nez%2Fawesome-glsl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvanrez-nez%2Fawesome-glsl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvanrez-nez%2Fawesome-glsl/lists"}