I'm showing off a work-in-process art maker in p5.js. I talk about how to preload many images, using a clipping mask to put a pattern inside a circle, using a floodfill algorithm to fill in irregular shapes, producing small test images that can then be expanded to a larger final version, and how I plan to use principles of art composition to improve on this work. generative art creative coding.
The Art Maker WIP:
editor.p5js.org/StevesMakersp...
Image load and mask clipping example:
editor.p5js.org/StevesMakersp...
Jeff Thompson's Masking Images video:
• CP1: Collage in P5JS -...
Kazuki Umeda's Masking Effect video:
• Masking Effect (Cut Ou...
czartacus's floodfill post on reddit (includes his code):
www.reddit.com/r/p5js/comment...
Background maker:
editor.p5js.org/StevesMakersp...
Join the Generative Discord: / discord
Join my Discord: / discord
Follow me on Twitter: / stevemakerspace
0:00 Intro
2:03 Preloading many images
3:11 Clipping mask to put a pattern inside a circle
4:45 Picking colors and drawing shapes
6:32 Using Perlin noise to create white space
7:15 Floodfill algo for filling irregular shapes
9:26 Small test size and large final size
12:19 Art composition and ideas for improvement
Music:
Funk Down (Sting) by MK2 (theme)
Негізгі бет Art Maker WIP - p5.js generative art
Пікірлер: 8