Programming an Amazing Art-Making Machine in p5.js generative art

Subscribers:
6,610
Published on ● Video Link: https://www.youtube.com/watch?v=k2egFXqv8Rw



Duration: 21:12
705 views
25


First I show version 2 of my spirograph machine that allows you to change the shape with sliders. Then starting with that, I program an true art-making machine. You can play with it yourself. See links below. All in p5.js, a version of JavaScript. generative art creative coding

Code for the Art Maker:
https://editor.p5js.org/StevesMakerspace/sketches/dqCrfr642

View the Art Maker on your phone or computer:
https://preview.p5js.org/StevesMakerspace/present/dqCrfr642

Sprirograph Machine with Sliders:
https://editor.p5js.org/StevesMakerspace/sketches/0BiCgr29M7

Original Spirograph Machine:
https://editor.p5js.org/StevesMakerspace/sketches/24gVkjjhv

Pattern Maker:
https://editor.p5js.org/StevesMakerspace/sketches/w-1pLHc4-

Daniel Shiffman's Rose Pattern video:
https://www.youtube.com/watch?v=f5QBExMNB1I&t=673s

Join my Discord: https://discord.gg/FSW6zzU

Follow me on Twitter: https://twitter.com/SteveMakerspace

00:00 Intro
01:26 Spirograph with Sliders
04:47 Programming the Art-Maker

Music:
Funk Down (Sting) by MK2 (theme)
Come and Get It! by Dan Lebowitz
Fugetaboutit by Dan Lebowitz
Delta by TrackTribe
Blues Infusion by Quincas Moreira
Funk it Up Old School by Media Rights Production
Rhythm Changes by John Deley and the 41 Players
Saturday Groove by John Deley
Hold on a Second by John Deley and the 41 Players







Tags:
p5js
coding in p5js
daniel shiffman
the coding train
learn to code
pattern maker
kaleidoscope
spirograph
epitrochoid
hypotrochoid
coding pattern maker
p5js pattern maker
rose pattern
p5js programming
p5js coding
art maker
art generator
computer art
digital art
generative art
algorithm art
new media art
digital painting
dynamic painting
creative coding
processing art