Painting by Functions
summary
Claims that WebGL shaders become first-class, composable UI building blocks: gl-react exposes GLSL effects as React components, letting one compose filters (blur, hue rotate, negative) into reusable nodes. It targets DOM, React Native (native ObjC/Java bridges) and desktop, runs as two-triangle surfaces per component for pixel-speed rendering, and ships on npm — six effects land the same day. Demonstrated in a fashion social app prototype, the system works and measurably reduces WebGL boilerplate.
AI-written summary · about
chapters (9)
- 0:00Start
- 8:18rendering things
- 10:08functional rendering
- 10:31CSS-only drawing
- 15:54shapes with shaders
- 18:22pure functions
- 18:53function rendering with React & React Native
- 26:49gl-react v2
- 29:24Composing effects
related talks
32mBringing webgl to react
20mThe future of the web is paved with shaders
26mCreative experiments with WebGL shaders in JavaScript
35mGamedev on React + WebGL
01h 08mThe quest for the graphical web
34mWebGL Practical Application
38mMy journey with WebGL
01h 01mUI Components on Pixel Shaders — Write Your First Shader