Billy Roh - SeattleJS Conference 2017
summary
Generative interactive art built with JavaScript, using HSL to produce HSL palettes (analogous, triadic, complementary) and D3 linear scales to map cursor/gyroscope input into values between -1 and 1. Recreates Albers motifs: nested squares with per-square rotation/translation (smaller squares rotate up to ~10° vs larger ~3°), a triangle field rendered as a single SVG path containing 900 triangles for performance, and a 23×25 line grid layered into foreground/mid/background planes. Live demo and slides linked; interactions work on desktop mouse and mobile gyroscope.
AI-written summary · about
chapters (10)
- 0:00Introduction to talk
- 1:06Why JavaScript for art
- 2:07Josef Albers and Homage to Square
- 5:45Generating color palettes
- 7:08Interactive depth with cursor
- 11:03Anni Albers and triangle patterns
- 13:11Complementary color palettes
- 15:26Mobile gyroscope interaction
- 18:16Orchestra by Anni Albers
- 21:37Summary and closing
