home/ curricula/ shader-artist

Shader Artist — real-time GPU craft to a demoscene-grade visual

Real-time GPU / shader artist (Shadertoy / demoscene lineage) whose medium is the fragment shader itself — raymarched SDF scenes, procedural noise/fractal fields, lighting and physically-based rendering — rather than Hydra video-synth, venue clip-VJing, or AI-diffusion visuals.

5 segments 41 modules

This path is for the learner whose creative instinct is to write a shader — to reach for the fragment function rather than a node graph, video mixer, or diffusion model. The north star is a finished GPU/shader visual piece authored entirely from code: a raymarched or procedural real-time work, or a size-limited demoscene intro, released at demoscene-grade fidelity. If you want to sculpt geometry in the pixel domain, coax organic noise fields out of mathematics, and understand precisely why a raymarched SDF looks the way it does, this is your path.

The arc moves across five segments of steadily rising deliverable fidelity. The first segment, “The fragment shader as a per-pixel instrument,” begins where every GPU artist must: understanding that a shader is simply a function from UV to color, run in parallel for every pixel. The pivotal modules here — “Orientation: the fragment shader as a per-pixel color function” and “GLSL fundamentals: coordinates, vectors, and color output” — establish the mental model and vocabulary. Color perception runs alongside GPU mechanics throughout; “Training the Eye: color relativity and interaction” and “Constructing Color Contrasts and Harmony” are not decoration but craft prerequisites for every look-development task ahead. The segment closes with a looping animated tile posted publicly.

The second segment, “Procedural fields and the color look,” layers fBm and Perlin noise over that foundation, adds a cosine-RGB palette and grading pipeline, and closes with a deliberately-colored procedural piece. “Procedural noise, fBm, and fractal fields” and “Color grading and look development on the GPU” are the spine; composition modules from the Kandinsky/Itten lineage sharpen spatial judgment without detour into painting.

The third segment enters three dimensions: “Raymarching a first SDF scene” introduces sphere-marching and primitive operations, then “Sculpting SDF shapes: blends, symmetry, and domain repetition” turns the SDF toolkit into an organic sculpting medium. Animation fundamentals ground the motion before the optional procedural-character module extends them into shader-native squash-and-stretch.

The fourth segment lifts quality to production-grade: finite-difference normals, three-point lighting with colorized soft shadows, ambient occlusion, and a full PBR pass culminating in a Monte Carlo path tracer and real-time importance-sampled denoising. This is the most technically demanding segment; “Ray tracing and physically based rendering foundations” is the longest single module on the path.

The fifth and final segment assembles the release vehicle — a WebGPU compute pipeline, WGSL shaders, ping-pong feedback buffers, and audio-feature routing — and adds the cultural context that names the tradition: “The demoscene: real-time audiovisual craft and its legacy.”

The path deliberately skips Hydra video-synth and its feedback arc (that is live-visualist’s medium), venue clip-VJing and projection mapping (vj’s territory), AI/diffusion neural pipelines (generative-ai-artist’s), and the full AV-sync and cue-composition arc beyond feature-extraction (av-performer’s). No music-production or DJ streams appear here. The path assumes three creative-coding on-ramp modules — creative-coding orientation, first p5 sketches, and motion/transforms — taught by the live-visualist path; begin there if those are not yet solid.

The path

1. The fragment shader as a per-pixel instrument

Release a looping animated GLSL shader tile — a Book-of-Shaders-grade procedural pattern (UV variation, sine-and-time motion, layered octaves, smoothstep edges) posted as a shareable Shadertoy/GLSL sketch.

2. Procedural fields and the color look

Release a procedural texture piece — an fBm/Perlin terrain-or-cloud field with an exposed Hurst control, graded through a cosine-RGB palette, gamma and S-curve into a finished, deliberately-colored still or loop.

3. Raymarching and sculpting SDF worlds

Release a raymarched SDF scene — several primitives unioned/subtracted and smooth-blended, mirrored and domain-repeated into an organic sculpted form displayed as a real-time rendered short.

4. Lighting, PBR, and optimized raymarched scenes

Release a lit, shaded raymarched outdoor scene — finite-difference normals, three-point lighting, soft colorized shadows, ambient occlusion and material-channel SDF geometry — profiled and optimized to run real-time.

5. The demoscene-grade piece: pipeline, reactivity, and release

Perform or release the finished GPU/shader work — a compute-driven, audio-reactive raymarched/procedural piece authored from fragment-shader code and streamed/screened at demoscene-grade fidelity (a size-limited demoscene intro is an optional stretch, whose size-coding craft this path grounds in lineage but does not drill).