Shader Academy
Shader Academy is a free, structured platform for learning GLSL and computer graphics through interactive challenges. Its 198 exercises span introductory 2D shader fundamentals through advanced 3D, procedural-mesh, raymarching, particle, and compute-shader work.
Shader Academy
Author: Shader Academy | Published: Unknown | Generated: 2025-08-23 | Domain: shaderacademy.com
Tags: ‘#computergraphics’ ‘#glsl’ ‘#shaders’ ‘#webgpu’ ‘#webgl’ ‘#interactivelearning’
TLDR
Shader Academy teaches computer graphics through progressively difficult, hands-on shader challenges rather than passive lessons. The free catalog contains 198 exercises covering 2D and 3D vertex, fragment, and compute shaders, with introductory tutorials for newcomers and advanced projects in particles, raymarching, procedural geometry, height maps, lighting, and post-processing. Compute and some 3D challenges require a WebGPU-capable browser, with Chrome or Edge recommended.
Key Takeaways
- Structured shader learning path: Eight introductory tutorials cover fragment shaders, UV coordinates, textures, blending, foundational 3D work, vertex manipulation, and 3D color.
- Broad challenge catalog: The platform lists 198 challenges, filterable by difficulty, 2D/3D mode, shader type, completion status, and interaction type.
- Multiple graphics disciplines: Exercises include SDFs, raymarching, texture mapping, lighting, normal maps, image effects, procedural meshes, vertex animation, and particle systems.
- Advanced WebGPU content: Compute-shader challenges cover sand/particle simulation, deformation, and collision with spheres, boxes, and multiple meshes.
- Browser constraint: Firefox and Safari are stated as lacking WebGPU availability; users may need current Chrome or Edge, the Chrome “Unsafe WebGPU” flag, and updated graphics drivers.
Images & Media
- Shader Academy Logo — Platform branding.
- Pyramid with Height Map thumbnail — Preview for an easy 3D vertex-shader height-map exercise.
- Particles Collide with Sphere I thumbnail — Preview for a medium 3D animated compute-shader collision challenge.
- Raymarching I thumbnail — Preview for a raymarching exercise that renders a mathematical sphere.
Referenced Links
- Tutorial 1 — The Fragment Shader — Recommended starting exercise for learners new to GLSL and shaders.
- Join Discord — Shader Academy community invite.
- Follow Shader Academy on X — Platform social profile.
- Terms of Use — Platform terms and policies.