Algorithmically Generated Visual Designs
summary
A research codebase implements nine algorithms in JavaScript HTML canvas that draw lines and shapes via procedural steps with parameters exposed in a web UI. The project generates a dataset of 1,000+ generated images and recruits human reviewers to rate them to link parameter choices to aesthetic response. Live demos show parameter editing producing spirals, striped patterns and wrapping paper–like overlays, the framework uses init/start/drawOneStep methods, and the repo on GitHub is public.
AI-written summary · about
chapters (10)
- 0:00Algorithmically generated visual designs
- 2:48Geometric patterns algorithm
- 3:31Wrapping paper algorithm
- 4:14Drawing program framework
- 5:40Modifying dots algorithm parameters
- 7:52Line-drawing algorithm with coordinates
- 8:54Adding randomness to drawings
- 9:37Trigonometric functions for patterns
- 10:22Spiral pattern design
- 11:04Summary and contributions
related talks
22mGenerative Art Speedrun
22mDemo: Drawing Algorithms as Modular Objects: A Framework for Procedurally Generated(…)
28mCreating generative art with Javascript
25m"Code As A Canvas: Exploring Creative Coding With JavaScript"
32mThe joy of creating art with code
46mAlgorithmic Graphics: JS for Design and Art
33mCreativeJS - making art in the browser
31mGenerative Art with CSS