Blasting React into Space: Building fluid interface swith React and WebGL
summary
Builds a custom React / WebGL binding (not DOM hacks) that wires a canvas renderer to a scene and camera using setScene and setCamera via React context, manages size/Retina, and mounts 3JS objects as React components. Demonstrates a sequencer (PGBVSU) using Firebase and ToneJS, shows a 3D demo with 50 random platforms, explains why writing a custom reconciler is tempting but brittle, and details practical shader, buffer and tooling pain points.
AI-written summary · about
chapters (11)
- 0:00Start
- 0:38Science on a Sphere
- 1:38Buffer Management
- 3:30Compiling
- 9:52The Pixel Factory
- 10:20Vertex Shader
- 13:43Demo
- 16:40Surface Normals
- 20:31Renderer
- 22:19Dark Magic
- 34:50What's some Advice You Share with Your Students When Working with these Technologies
