My Watercolor Painting App and Self-Painting App in p5.js - generative art - use in your browser

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


Duration: 18:36
1,893 views
64

I'm proud of this project. These two p5.js apps use pixel arrays to mix color and mimic watercolors. One you paint yourself. The other makes its own paintings using Perlin noise. Play with it in your browser and hit "s" to save a jpg. Uses concept of automata to spread color. Generative art. Creative coding.

Watercolor Painting App:
https://editor.p5js.org/StevesMakerspace/sketches/Ezi6W7dwX

Watercolor Self-Painting App:
https://editor.p5js.org/StevesMakerspace/sketches/d0lPUJt8T

The Pixel Array video from The Coding Train:
https://www.youtube.com/watch?v=nMUMZ5YRxHI

Sandpiles video from the Coding Train, which is also helpful in understanding how this works:
https://www.youtube.com/watch?v=diGjw5tghYU&t=485s

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

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

Music:
Funk Down (Sting) by MK2 (theme)
Sorry there's no other music this time. I got tired of editing!

Check out the p5.js home page:
https://p5js.org/



Other Videos By Steve's Makerspace


2021-12-09Dangerous Creatures Deep Underground - Creativerse #9
2021-12-07Getting More NPC Villager Help - Creativerse #8
2021-12-05Getting NPC Villager Help - Creativerse #7
2021-12-04Stunning, Taming, and Searching - Creativerse #6
2021-12-02Creativerse Machines Tutorial - Wiring & Logic
2021-11-26Battling Hordes of Mirus Underground - Creativerse #5
2021-11-25I Built a Fancy House in Creativerse Survival #4
2021-11-19I Made a Restaurant for Animals - Creativerse #3
2021-11-17Quest to Tame a Chizzard - Creativerse #2
2021-11-14Starting a New Survival Series! - Creativerse #1
2021-09-20My Watercolor Painting App and Self-Painting App in p5.js - generative art - use in your browser
2021-09-18Scrap Mechanic DevBlog 22: Underground Mining Pics, new NPC's, Signs, Custom Wedges, and More
2021-09-13Playing with Perlin Noise in p5.js - generative art with lots of options, plus wave convections
2021-09-05I Made Scrap Mechanic Art with Deep Dream Generator Style Transfer
2021-08-28My Mondrian-Style Art Maker in p5.js - Generative Art Fun with lots of options
2021-08-25Deeper Dive into Deep Dream Generator Style Transfer
2021-08-22Amazing Computer-Generated Art - Guide to Deep Dream Generator - How To
2021-08-15Turning My Body Into a Controller with Machine Learning, ml5.js, and p5.js
2021-08-08Helping an AI Make Art with ArtBreeder - It's Really Good!
2021-07-25Sand Art in p5.js - Sandpiles Fractal Images
2021-07-19Programming an Amazing Art-Making Machine in p5.js generative art


Tags:
p5.js
coding train
perlin noise
perlin noise p5.js
generative art
p5.js art
p5.js generative art
processing art
processing generative art
algorithmic art
systems art
computer art
generative art maker
generative art code
generative art program
creative coding
p5.js creative coding
p5.js pixel array
processing pixel array
p5.js automata
processing automata
cellular automata
cellular automaton
watercolor app
watercolor program