This is a workshop I wrote when frustrated with the lack of beginner-friendly documentation and simple code examples for GPU shaders. The topics include fragment shaders (GLSL), procedural texture generation, rasterization, lighting calculations, and real-time ray tracing. The workshop consists of five interactive mini-projects targeted at helping people learn how to write shaders while introducing cool techniques in graphics!
Any and all feedback is appreciated. I used Vite (a “next-generation” bundler) and implemented some hot module reloading functionality to make this workshop especially seamless – you can try editing a shader and see the changes immediately, without any refresh. Modern web development tools rock. 🙂