Wes Smith

The History of Shaders as Digital Art

A chronological journey into shaders according to YouTube

Summary

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.

Video
Yobot SquintVideo coming
Reference Material
DateTitleSourceLink
1978Loren Carpenter-Boeing and Star Trek
[Video Date: 2013-05-05]
Tom Clink
1988ShareCG @ Siggraph 2013: RenderMan (PIXAR Animation Studios)
[Video Date: 2013-07-26]
sharecglink
2005-12-24Basic HLSL Shader Introcreatedbyxlink
2008-04-28Raymarching a procedural terrainInigo Quilezlink
2009-10-16Blender Game Engine glsl testcarlos limonlink
2009-11-24Mandelbulb (raymarched SDF)Inigo Quilezlink
2011-07-12Live coding musical instruments with mathematicsInigo Quilezlink
2013-10-22Using Shaders in the Browser with WebGLTwitter Universitylink
2014-10-08Ricardo Cabello (Mr. Doob) - Making 3D Graphics Accesible - BrazilJS 2014BrazilJSlink
2015-03-24NVScene 2015 Session: Shadertoy Hackathon Kickoff (Inigo Quilez, Pol Jeremias, Otavio Good)NVScenelink
2015-08-25Patricio Gonzalez Vivo The Book of ShadersProcessing BuenosAireslink
2017-04-11Webinar: WebGL 2.0 is Here: What You Need To KnowThe Khronos Grouplink
2018-05-27Basics of Shader Graph - Unity TutorialBrackeyslink
2019-01-29Introducing The Art of CodeThe Art of Codelink
2019-04-04Olivia Jack - Hydra, Live Coding Visuals in the BrowserAlgorithmic Art Assemblylink
2019-05-09Next-Generation 3D Graphics on the Web (Google I/O ’19)Chrome for Developerslink
2019-07-17Audio Wheel – TouchDesigner Tutorial 1bileam tschepe (elekktronaut)link
2021-04-14Make Anything Audio Reactive – TouchDesigner Tips, Tricks and FAQs 12bileam tschepe (elekktronaut)link
2022-10-04How AI Image Generators Work (Stable Diffusion / Dall-E) - ComputerphileComputerphilelink
2023-02-04AI Writes Unity Shader Code | ChatGPT + Unity ShadersBenjamin Swee - Custom Unity Shaderslink
2023-05-10Introducing WebGPU: Unlocking modern GPU access for JavaScriptChrome for Developerslink
2023-07-26Winning the fxhash Generative Art Hackathonsamgpulink
2024-01-29What is WebGPU?Suboptimal Engineerlink
2025-06-20Why Safari Supporting WebGPU is Big NewsSamuel Gregorylink
2026-04-04Revision 2026 - Event - Shader Showdown 2026 FinalRevision Demopartylink
2026-05-25GLSL Shaders for Generative Visuals (TouchDesigner + Claude Code)The Interactive & Immersive HQlink