The Best Art-Maker I've Ever Made - p5.js generative art creative coding

Channel:
United States Steve's Makerspace
Subscribers:
6,370
Published on ● Video Link: https://www.youtube.com/watch?v=XU996Rb3P_4


Duration: 19:52
6,299 views
314

I've upgraded my rectangle packing / flow field code and taken things to another level. I added big circles, trees, a layered background, and petals, plus added a user interface. Here, I show it off and go over the code.

The code here:
https://editor.p5js.org/StevesMakerspace/sketches/lrwxhFq90

Or if you want to skip the code and just play with it:
https://editor.p5js.org/StevesMakerspace/full/lrwxhFq90

Rectangle packing in Perlin noise video:
https://youtu.be/oKwi8h_yTsY

Angles of Rotation video:
https://youtu.be/EMMRHmHt69Y

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

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

Mut's Twitter: https://twitter.com/mutlimutli

Eugene Therapy's art site: https://teia.art/transient_oddity

Rectangle packing was riffing off Matthew Hughes's work. His Twitter:
https://twitter.com/tasty_plots

Music:
Funk Down (Sting) by MK2 (theme)



Other Videos By Steve's Makerspace


2022-11-20Making Truchet Tiles in p5.js
2022-11-07Use Any Color in Shape Intersections - Overlapping Shapes in p5.js
2022-10-23Using Erase Function in p5.js to Make Interesting Shapes
2022-10-16Shadowy Edges & Making Shapes using Vertex in p5.js
2022-10-14My First fxhash Drop! Auction Watch Party & Code Review
2022-10-11My First Art Project on fxhash! #shorts
2022-10-09How to Buy Clean NFT Art on fxhash and objkt using Tezos, Coinbase, and Temple wallet
2022-09-12Watercolor Effect and Paper Texture in p5.js
2022-08-29Final Variations for Flow Packing Code - p5.js creative coding gen art
2022-08-28Placing shapes and images inside of shapes - Clipping masks in p5.js
2022-08-16The Best Art-Maker I've Ever Made - p5.js generative art creative coding
2022-08-07Creating a Center of Rotation - Part 2 of Rectangle Packing in a Noise Field - p5.js generative art
2022-08-07Rectangle Packing in a Perlin Flow Field - Part 1 of 2 - p5.js generative art
2022-07-31Coding a Quad Art-Maker in p5.js
2022-07-26Adding Perlin Noise to My WIP Art Maker - p5.js generative art
2022-07-17Art Maker WIP - p5.js generative art
2022-07-10Making Simple Patterns in p5.js
2022-06-26Fan Creations in Scrap Mechanic - including an entire city!
2022-06-25MidJourney - Awesome AI Art Generated from Text Prompts
2022-06-22Perlin Noise Art - p5.js
2022-06-09Color Mixing for Generative Artists in p5.js


Tags:
p5js
coding in p5js
learn to code
art generator
computer art
digital art
generative art
algorithm art
dynamic painting
creative coding
p5.js programming
digital painting
new media art
p5.js art maker
generative art process
creative coding process
perlin noise
perlin noise art
p5js perlin noise
p5js generative art
p5js creative coding
rectangle packing
p5js rectangle packing
rectangle packing flow field
noise flow field
p5.js radio button