WebGL and 2D: As Simple as the Web
summary
Shows how to use WebGL for fast 2D rendering without getting bogged down in matrices and a complex API. Covers prerendering, GLSL shaders, and using a React tree to drive efficient drawing on a plane, aimed at developers who know WebGL is fast but don’t know how to start.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 5:44Texture rendering
- 8:56WebGL textures shaders
- 12:49Shader effects
- 18:33React PixiJS rendering
- 21:26Game demo performance
- 24:29Designer workflow
- 28:43PixiViewport optimization
- 33:12Production risks
- 35:39Browser support tips
- 36:24Q&A
related talks
55mCozy Lamp-Style GameDev on React and WebGL
44mWebGL and Shaders: Programming Light
59mRendering 3D Like a Grown-Up
30mHow We Made WebGL Faster
01h 15mA Human Introduction to WebGL and Hardcore Line Drawing
34mWebGL Practical Application
26mBuilding a 2D Game from Scratch with WebGPU
31mWebGL: Building Interactive 3D Worlds in the Browser