A Brief Intro to GPU Shader Programming in WebGL
summary
Demonstrates actual shader code that maps X to red and Y to green and animates blue with a sine wave, runs on WebGL and leverages thousands of GPU cores, so a 2560×1600 laptop screen is 2560×1600 = 4 million pixels and becomes 240 million calculations per second at 60fps. Shows per-pixel green‑screen keying that removes background, explains WebGL’s role in setting GPU state, and calls out real limitations: debugging is hard and unit testing is immature.
AI-written summary · about
chapters (4)
related talks
25mHow to Program Your GPU (and Not Do It Alone)
22mWebGL For More Than Graphics: Is It Possible?
25mArbitrary Computation on the GPU Using WebGL
26mCreative experiments with WebGL shaders in JavaScript
38mMy journey with WebGL
44mWebGL and Shaders: Programming Light
56mPixel Shader-based UI Components and Let’s Write Your First Pixel Shader
24mArbitrary Computation on the GPU Using WebGL