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

Code for the Art Maker:

View the Art Maker on your phone or computer:

Sprirograph Machine with Sliders:

Original Spirograph Machine:

Pattern Maker:

Daniel Shiffman's Rose Pattern video:

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

[mr.t]

Hi Steve. Good job with that. I really like it and keep going

[Samuel-lkxb]

Your version with the dots only drew one dot per frame and the frames are limited to a certain number per second. The computer is much faster than the rate it operated in your first sketch, so not drawing and calculating one part of the shape every frame, but whenever it has the processing power to do so will be much faster. Your first version is basically like telling a worker to do one step of some manufacture per hour. You would be holding back their potential.
Your updated version also draws once per frame, but not just one point. The computer can calculate everything easily within the time frame between frames of the animation. It doesn't have to wait for the next frame to calculate and draw another point.
In addition, drawing the shapes on a canvas is much slower than the calculations in the background, so drawing all once it's done is much faster than drawing every dot independently.