Yo team, this is a walk through the history of shaders as digital art. I cut my teeth in the digital landscape making flyers with early photoshop for Raves in the late 90's. One thing led to another, I've dabbled in a bit of all mediums over the years, and I'm still fascinated by where technology is taking humans. I went back through my video reference material from the last few years, rounded it out with some key historical pieces, and traced how shaders evolved from a few triangles to the coolest visuals on earth.
From Loren Carpenter's fractal mountains in 1978 up to Vibe coding in 2026. I compiled references spanning the early days of fractal math turning a few triangles into landscapes and Pixar's RenderMan shading language in 1988, to HLSL and GLSL bringing programmable shaders to everyday graphics. Then we move on to WebGPU and WGSL bringing a modern stack to the web and the final segment of the vibe coding era leveling the playing field for anyone with internet access and an AI helper.
| Date | Title | Source | Link | |
|---|---|---|---|---|
| 1978 | Loren Carpenter-Boeing and Star Trek [Video Date: 2013-05-05] | Tom C | link | |
| 1988 | ShareCG @ Siggraph 2013: RenderMan (PIXAR Animation Studios) [Video Date: 2013-07-26] | sharecg | link | |
| 2005-12-24 | Basic HLSL Shader Intro | createdbyx | link | |
| 2008-04-28 | Raymarching a procedural terrain | Inigo Quilez | link | |
| 2009-10-16 | Blender Game Engine glsl test | carlos limon | link | |
| 2009-11-24 | Mandelbulb (raymarched SDF) | Inigo Quilez | link | |
| 2011-07-12 | Live coding musical instruments with mathematics | Inigo Quilez | link | |
| 2013-10-22 | Using Shaders in the Browser with WebGL | Twitter University | link | |
| 2014-10-08 | Ricardo Cabello (Mr. Doob) - Making 3D Graphics Accesible - BrazilJS 2014 | BrazilJS | link | |
| 2015-03-24 | NVScene 2015 Session: Shadertoy Hackathon Kickoff (Inigo Quilez, Pol Jeremias, Otavio Good) | NVScene | link | |
| 2015-08-25 | Patricio Gonzalez Vivo The Book of Shaders | Processing BuenosAires | link | |
| 2017-04-11 | Webinar: WebGL 2.0 is Here: What You Need To Know | The Khronos Group | link | |
| 2018-05-27 | Basics of Shader Graph - Unity Tutorial | Brackeys | link | |
| 2019-01-29 | Introducing The Art of Code | The Art of Code | link | |
| 2019-04-04 | Olivia Jack - Hydra, Live Coding Visuals in the Browser | Algorithmic Art Assembly | link | |
| 2019-05-09 | Next-Generation 3D Graphics on the Web (Google I/O ’19) | Chrome for Developers | link | |
| 2019-07-17 | Audio Wheel – TouchDesigner Tutorial 1 | bileam tschepe (elekktronaut) | link | |
| 2021-04-14 | Make Anything Audio Reactive – TouchDesigner Tips, Tricks and FAQs 12 | bileam tschepe (elekktronaut) | link | |
| 2022-10-04 | How AI Image Generators Work (Stable Diffusion / Dall-E) - Computerphile | Computerphile | link | |
| 2023-02-04 | AI Writes Unity Shader Code | ChatGPT + Unity Shaders | Benjamin Swee - Custom Unity Shaders | link | |
| 2023-05-10 | Introducing WebGPU: Unlocking modern GPU access for JavaScript | Chrome for Developers | link | |
| 2023-07-26 | Winning the fxhash Generative Art Hackathon | samgpu | link | |
| 2024-01-29 | What is WebGPU? | Suboptimal Engineer | link | |
| 2025-06-20 | Why Safari Supporting WebGPU is Big News | Samuel Gregory | link | |
| 2026-04-04 | Revision 2026 - Event - Shader Showdown 2026 Final | Revision Demoparty | link | |
| 2026-05-25 | GLSL Shaders for Generative Visuals (TouchDesigner + Claude Code) | The Interactive & Immersive HQ | link |