🚧 ShaderBot is currently in beta. Some features may evolve.
🎓 200+ live examples · Step-by-step tutorials · Free

Learn GLSL shader programming with 200+ live examples

The fastest way to go from zero to writing real fragment shaders. Every preset is fully commented and editable. No local setup needed.

Who it's for

🧑‍💻

Computer Graphics Students

200+ interactive examples covering fundamental concepts — from SDFs to ray marching, noise to PBR materials. Every line commented and explained.

📚

Self-Taught Developers

Learn at your own pace. Edit any example live, see the effect immediately. Use the AI generator to explain unfamiliar GLSL code.

🏫

Educators & Instructors

Share examples directly from Discord. Create interactive exercises for your class. Class mode with progress tracking coming soon.

📖

GLSL curriculum — beginner to advanced

A structured 6-chapter path with live examples at every step. Modify the code and see the result in real time — no local environment required.

01
Your first fragment shader
fragCoord, iResolution, color output
02
Understanding uniforms
iTime, iMouse, iResolution in practice
03
SDF basics
Circles, boxes, smooth unions
04
Noise & randomness
hash, value noise, fbm, Voronoi
05
3D ray marchingSoon
Camera ray, distance field, lighting
06
PBR materialsSoon
GGX, roughness, metalness, IBL
Start the tutorial →

Features

200+ live, editable shader examples
Step-by-step tutorials (Your first shader, SDF basics…)
Annotated presets with inline comments
Interactive GLSL keyword explanations
🔜Fill-in-the-blank shader exercisesSoon
🔜Progress tracking across tutorialsSoon
🔜"Book of Shaders" curriculum alignmentSoon
🔜Class/cohort mode for teachersSoon

Learn GLSL inside your Discord server

Share examples and exercises with your class or community directly in Discord — slash commands, no web account required.

See Plans →