Reviving the Dream of the 90s with WebGL
summary
Recreates Windows 95 pipe and maze screensavers in the browser using WebGL and a frame, avoiding vague promises by naming techniques: collision avoidance with matrix math, sequential drawing via async/await, palettes generated with HSL, and dissolve resets implemented as grouped SVG paths. Maze generation and solving use depth-first search, a teapot model loads from Google Poly, thousands of squares render with a few paths for performance, and the demos run live in the browser.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 3:15Why 90s spirit matters
- 3:56Introducing WebGL screen saver
- 4:41Recreating Windows 95 pipe
- 7:54Dynamic color palettes for pipes
- 9:44Adding 3D teapot
- 10:53Dissolve and reset animation
- 13:04Colors and interaction
- 13:48Recreating Windows 95 maze
- 18:29Adding rats to scene
- 20:03Closing thoughts
