My journey with WebGL
summary
Describes building real WebGL projects: a Red Bull/Facebook instant game shipped under 5MB, prototypes that catch design and performance issues early, and a mobile demo running at 60fps. Names concrete techniques: GPU-side animation to drive thousands of snowflakes, render-to-texture postprocessing for mist and UI effects, gradient-map textures to shrink asset size, and custom AA and GPU sniffing to auto‑tune quality. Tools and approaches include Blender, GLSL shaders, FBO/GPGPU, and evidence that these actually work in production.
AI-written summary · about
chapters (14)
- 0:00Start
- 1:57What Is Webgl
- 4:09Canvas Api with Webgl
- 9:39Prototyping
- 10:48Development Phase
- 14:52Fractal Brownian Motion
- 16:26Ray Marching with Distance
- 19:20Spherical Environment Mapping
- 20:42Fpou
- 22:15Performance Bottleneck
- 27:19Textures
- 27:59Gradient Maps
- 30:24Complexity
- 34:25Control Kit
related talks
22mWebGL For More Than Graphics: Is It Possible?
34mWebGL Practical Application
30mHow We Made WebGL Faster
26mBuilding a 2D Game from Scratch with WebGPU
25mHow to Program Your GPU (and Not Do It Alone)
21mPhotorealistic Real Time Computer Graphics with Javascript
13mWebGL Demo with THREE.js
26mCreative experiments with WebGL shaders in JavaScript