Final Variations for Flow Packing Code - p5.js creative coding gen art

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


Duration: 16:44
976 views
30

A few more variations on my packing flow work: limiting the amount of objects placed, overlap packing, and skipping the packing algorithm. Also Perlin noise for circles and background layers, and a version that adds quads to the background. Creative coding gen art generative art.

The code for the one with limited flow and packing variations added:
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

Code for the one with noise added to layers and circles:
https://editor.p5js.org/StevesMakerspace/sketches/mlWr2ZHSe

Code for the one with quads added:
https://editor.p5js.org/StevesMakerspace/sketches/l3kozQqFT

The first rectangle packing in Perlin noise video:
https://youtu.be/oKwi8h_yTsY

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

Video about adding layers, circles, and trees:
https://youtu.be/XU996Rb3P_4

Video about Quad Art-Maker:
https://youtu.be/nqHeasOCwfU

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

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

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



Other Videos By Steve's Makerspace


2022-11-27Truchet Tiling with Octagons in p5.js
2022-11-26Truchet Tiling with Hexagons in p5.js
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


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
p5js gen art