Breaking Down JavaScript Complexities With Generative Art
summary
Shows concrete p5.js sketches that animate conditionals and nested loops, a closures visualization that draws scopes and links inner and outer functions, promise and promise‑chaining demos that run without repeated clicks and an async/await example with awaiting circles, plus sorting visualizations (selection, insertion, bubble) for algorithm timing. Live‑coded examples run in the browser, a bar‑graph shows progress, sample sizes stay small for clarity, and hardware projects (a Raspberry Pi LiFi lamp with LED strips) are built and deployed.
AI-written summary · about
chapters (19)
- 0:00Introduction and agenda
- 1:02Speaker introduction
- 4:35Algorithmic art overview
- 5:17Learning JavaScript with visuals
- 5:58p5.js setup and basics
- 7:23Visualizing conditionals and loops
- 8:48Animated loops demo
- 9:53Visualizing scope
- 11:58Closures visualization
- 12:21Promises and callbacks
- 14:56Promise chaining
- 16:42Bar graph visualization
- 17:27Live code walkthrough
- 19:32Sorting algorithms demo
- 21:01Favorite p5.js resources
- 22:48Why use generative art
- 23:29Hardware art projects
- 24:53Inspirations in generative art
- 26:21Closing and Q&A
related talks
25m"Code As A Canvas: Exploring Creative Coding With JavaScript"
29mInfinite Patterns in the Digital Canvas
33mCreativeJS - making art in the browser
28mInfinite Patterns in the Digital Canvas
16mIntersection between art and technology
50mJavaScript for Artists
22mGenerative Art Speedrun
28mCreating generative art with Javascript