Rectangle Packing in a Perlin Flow Field - Part 1 of 2 - p5.js generative art
Vložit
- čas přidán 6. 08. 2022
- In this video, I go over the p5.js code for rectangle packing in a Perlin noise field. Includes how to do rectangle packing, rotating the pixels of a rectangle, and using Perlin noise to control the rotation. This is part 1 of 2. In part 2, I'll go over creating a center of rotation on the canvas, and also go more in depth on how I did the color.
The Code:
editor.p5js.org/StevesMakersp...
Video part two:
• Creating a Center of R...
Rotate rectangle example code:
editor.p5js.org/StevesMakersp...
Matthew Hughes on Twitter:
/ tasty_plots
Join my Discord: / discord
Follow me on Twitter: / stevemakerspace
Music:
Funk Down (Sting) by MK2 (theme)
I like some of the results with the global camouflage-like images which you see only when you abstract from these unnecesary, but pleasant details. I wish to see a filter which turns the simple images in the more tricky mosaic art like yours.
I suppose you could set the scale to small and then apply a filter(BLUR,3) at the end. If you mean a way to rotate other items, this code should do that. You just need to figure out how to replace the rectangle tracing with tracing of a different object.
1Thanks!
Thank you!
I'm sure this sounds crazy but is there a way to use a live instrument ie guitar to affect an evolving generative art piece similar to how lights can go to the beat of music could the sound waves of the guitar be read by algo to manipulate an image possible in a Perlin flow field.
This would be a live evolving image more so than hitting refresh art like in your art maker, maybe u had an art maker as u do but someone could connect via 3rd party software to their instrument and play and watch as the art evolves to the music
Maybe? Seems possible, but I don't know how. You could ask on www.reddit.com/r/creativecoding/ or check the generative-music channel of the Generative Discord: discord.gg/C8UEU3Y7
Can’t you just push, translate, rotate and then do the check? That way you don’t have to mess with the trig functions?
Unfortunately, no, because the get function ignores translate and rotate and uses the x,y as if you hadn't done either.
Sumrov says to check out this video for an explanation of the rectangle rotation formula: czcams.com/video/OYuoPTRVzxY/video.html.
could u do something with circle packing?
Yeah, I could work on that.
not a big thing but you can (should?) replace `if(open == false)` to `if(!open)`
Thanks for the tip!
this was an awesome video. check out Fidenza by tyler hobbs
Thank you! Yes, I did check that out. Excellent post: tylerxhobbs.com/fidenza