Albers as a Millennial
summary
Recreates Josef and Anni Albers pieces with code: squares start ~40% of canvas and grow by ~20% with vertical offsets of ~5%, color palettes generated via HSL color generation for analogous, triadic and complementary sets, smaller squares rotate ~10° while larger rotate ~3° toward the cursor to simulate depth, triangle pattern is rendered as a single SVG path representing 900 triangles instead of 900 polygons, grid for Orchestra is ~23×25 with layer rotations ~15°, ~13.5°, ~12.15°; demos are interactive and performant.
AI-written summary · about
chapters (13)
- 0:00Introduction and background
- 1:06Art with JavaScript exploration
- 2:32Homage to the Square principles
- 3:59Color theory with HSL
- 5:43Generating palettes in code
- 7:08Adding cursor interaction
- 8:12Fox II by Anni Albers
- 9:15Optimizing SVG paths
- 10:40Complementary color palettes
- 11:21Adding shadow effects
- 13:06Orchestra by Anni Albers
- 14:49Creating depth illusion
- 16:38Conclusion and resources
