finds.dev← search

// the find

stackgl/shader-school

★ 4,414 · JavaScript · NOASSERTION · updated Mar 2021

:mortar_board: A workshopper for GLSL shaders and graphics programming

An npm-based interactive workshop for learning GLSL and WebGL shader programming, built on the 'workshopper' CLI pattern popularized by learnyounode. It walks through exercises from basic vertex/fragment shaders up to lighting, non-photorealistic rendering, and GPGPU techniques like cellular automata and particle systems, each one opening a local server with live WebGL feedback.

The exercise structure is genuinely graded — intro/vert/frag basics build into geom (transforms), light (Phong-style lighting), npr, and gpgpu, so you're writing real shaders with visual feedback rather than reading theory. The gpgpu exercises specifically cover ping-pong framebuffer techniques for cellular automata and flocking, which is a step beyond most beginner shader tutorials. Coming from stackgl/Mikola Lysenko means the underlying WebGL plumbing (gl-matrix, buffer setup) is solid rather than toy code.

Dead since March 2021 — no WebGL2 or WebGPU/WGSL content, and the global npm-install CLI workshopper pattern is a relic that's likely to hit install friction on current Node versions. The README is thin: no list of what each exercise covers, no stated prerequisites beyond 'get a browser with WebGL', just screenshots. Requires a local Node toolchain and spins up a server per exercise instead of something shareable like a Shadertoy link, so there's no way to try a lesson without installing it first.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →