Creating generative art with Javascript

on YouTube ↗28m

" summary

Concrete, reproducible recipes for generative art using JavaScript with working examples and links to code, not vague theory. Shows text grammars like tracery powering live Twitter generators and claims about scale with 6,000 bots running, plus particle, Voronoi and parametric pipelines that render to Canvas and SVG and export for 3D printing and fabric. Slides and code live on the linked site and multiple demos run end to end so results can be inspected.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 9:21Ways to interact with a generator
3. 11:54Lets think about making a generator
4. 13:13Generativity is a pipeline...
5. 16:49Generative techniques
6. 24:18Generativity in Javascript

" related talks

• 22mGenerative Art SpeedrunTim Holman · JSConf AU 2018
• 28mGenerating Art Everywhere And Fast!Trent Willis · NEJS Conf 2019
• 39mGenerative MachinesMatt DesLauriers · FITC Toronto 2019
• 12mAlgorithmically Generated Visual DesignsMichael Wehar · Conf42 JavaScript 2022
• 33mCreativeJS - making art in the browserSeb Lee-Delisle · JSConf US 2013
• 31mGenerative Art with CSSSonia Ruiz · FrontFest 2020
• 27mBreaking Down JavaScript Complexities With Generative ArtRitvi Mishra · revo.js 2023
• 50mJavaScript for ArtistsGeorge Mandis · Heapcon 2019