Code Your Own Generative Art

Writing code to expand your creative capabilities is a fun way to stretch your knowledge of what code can do. One of the best creative technologists in the game, Nat Alison, will teach us how it’s done. 00:00:00 - Welcome 00:00:37 - Who is Nat Alison? 00:01:58 - What is generative art? 00:05:19 - How did you get started with generative art? 00:14:07 - Getting started with generative art 00:18:07 - Using math.random 00:29:41 - What things can be randomized? 00:42:54 - Creating brackets with text element 00:49:50 - Adding chaos with rotation 00:55:51 - Add a button to rerun the algorithm 00:59:20 - Clear the children first 01:00:42 - Changing the parameters of what’s being generated 01:13:37 - Can you right click and save the SVG? 01:14:52 - Nat’s examples of previous work 01:19:38 - Adding emoji to the artwork 01:24:04 - Where can we find out more about generative art? Repo: https://codepen.io/jlengstorf/pen/LYJZQdL Demo: https://codepen.io/jlengstorf/details/LYJZQdL Links https://twitter.com/tesseralis https://tesseralis.site/ https://polyhedra.tessera.li/gyroelongated-square-bipyramid/operations https://www.learnwithjason.dev/build-your-own-audio-visualization-in-a-shader https://www.learnwithjason.dev/introduction-to-three-js Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) - Pluralsight (https://lwj.dev/pluralsight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com