Video není dostupné.
Omlouváme se.

Art Maker WIP - p5.js generative art

Sdílet
Vložit
  • čas přidán 5. 08. 2024
  • 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)

Komentáře • 8

  • @ricksidwell
    @ricksidwell Před 2 lety +1

    Just a couple of days ago, I came across a piece I made at a local art studio last December by tracing partial outlines of holiday shapes (like stars, bells, and Christmas trees; they had cutout shapes) and coloring the intersecting areas. I was contemplating writing a program to create similar art, so this is timely! I look forward to seeing what composition heuristics you come up with.

    • @StevesMakerspace
      @StevesMakerspace  Před 2 lety +1

      Cool. Then you should watch those recommended videos since they had more complex mask shapes.

  • @user-ob9zo9cr4c
    @user-ob9zo9cr4c Před 2 lety

    hi Steve, hope you doing well. I got question. is that possible to do whole collecton just with Processing?
    also sounds? like processing.sound or I need python? or totally different thing?

    • @StevesMakerspace
      @StevesMakerspace  Před 2 lety

      Processing is similar, so you can probably convert the code. Python is quite different. Not sure what you mean about sound.

    • @user-ob9zo9cr4c
      @user-ob9zo9cr4c Před 2 lety

      @@StevesMakerspace thx, check processing.sound, u can put in sounds and create also auto generate but sounds. more nishe topic.

    • @StevesMakerspace
      @StevesMakerspace  Před 2 lety

      I see, generative music. I've listened to generative music and it seems pretty bad mostly.

  • @JimPAnimation
    @JimPAnimation Před 2 lety

    If your masks were saved as .png would it eliminate your fill problem because jpg has noise?