Makepad - Rethinking Web UI's with WebGL
summary
A WebGL UI stack that draws every pixel and compiles JavaScript into GPU shaders runs live, multithreaded in a worker sandbox, with hot-reloadable code and a command-buffer transfer to the main thread. Demos hit 40,000 sliders and animate 50,000 circles at interactive rates, log tens of thousands of lines per frame, and export a single-file package. The approach uses typed JS→GLSL inference, nested class composition for styling, and a draw‑flow layout executed while rendering.
AI-written summary · about
chapters (9)
- 0:00Intro
- 1:35Why use WebGL
- 8:50Why WebGL
- 16:30Type Inference
- 17:35AST Code Editor
- 20:05Class Composition
- 22:57Float Layout
- 24:35Console
- 26:05Audio Editor
related talks
39mThe Pixel Factory
22mWebGL For More Than Graphics: Is It Possible?
13mWebGL Demo with THREE.js
26mBeyond HTML and CSS: Fusing Javascript and shaders
26mCreative experiments with WebGL shaders in JavaScript
54mMaking things with maths
21mReviving the Dream of the 90s with WebGL
01h 13mWeb: The good parts