Creating a Center of Rotation - Part 2 of Rectangle Packing in a Noise Field - p5.js generative art

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


Duration: 12:31
1,768 views
66

In this video, I go over creating a center of rotation on the canvas, and also go more in depth on how I did the color. This is part 2 of 2 on rectangle packing in a noise field, coding in p5.js. See part 1 on rectangle packing in a Perlin noise field. creative coding

The Code:
https://editor.p5js.org/StevesMakerspace/sketches/AWvuvS1VG

Video part one:
https://youtu.be/oKwi8h_yTsY

Center of rotation on canvas code example:
https://editor.p5js.org/StevesMakerspace/sketches/HZQ0m7kBS

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-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
2022-06-05Generative Art from a 3D Landscape 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
p5js perlin noise
p5js generative art
p5js creative coding
rectangle packing
p5js rectangle packing
rectangle packing flow field
noise flow field
center of rotation
center of rotation p5js