The Pixel Factory
summary
A browser-side pipeline that runs on WebGL and the custom mathbox layer animates 120,000 vertices at 60fps (≈7.2 million vertex calls/sec) and, with extra visualization, pushes vertex warps to ~127 million calls/sec, all driven by GLSL shaders. The demo leverages signed distance fields for crisp text, exposes limitations like synchronous shader compile, no float readback (RGBA encoding hack), and restricted multisampling, and points out GPU class numbers (eg 5 teraflops) to explain why it actually works.
AI-written summary · about
chapters (25)
- 0:00Start
- 1:23Mathematical Visualization
- 2:44Pixels
- 4:42Human Color Vision Is Additive
- 5:11The Rgb Model
- 6:03Sub Pixel Accuracy
- 7:17Nearest Neighbor Filter
- 8:13Super Sampling
- 9:46Sampling Theorem
- 14:46Drawing Transparent Things
- 15:03Gpu
- 16:46Intensity
- 19:05Surface Normal
- 19:54Uv Mapping
- 25:18Pixel Shader
- 26:50Combine Shaders
- 29:28Alien Isolation
- 29:58Crysis 3
- 31:20Text Rendering in Webgl
- 33:21Multi Sampling
- 33:42Webgl Stats
- 34:10Life Performance Scaling with Webgl
- 35:49Where Would Webgl Be without 3gs
- 36:20Vulcan
- 37:09Spear
related talks
22mWebGL For More Than Graphics: Is It Possible?
25mArbitrary Computation on the GPU Using WebGL
24mArbitrary Computation on the GPU Using WebGL
31mMakepad - Rethinking Web UI's with WebGL
38mMy journey with WebGL
34mOne simple animation explained
31mWelcome to 3D
26mSVG, Canvas, and WebGL: The Power, the Beauty, and the Cost