Watercolor Effect and Paper Texture in p5.js

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


Duration: 15:48
3,713 views
115

Coding a watercolor effect and paper texture in p5.js javascript. A simple spray-painting app. Creating a colorful and complex background. Containing watercolor effect inside a circle and other shapes.

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

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

Spray painting code:
https://editor.p5js.org/StevesMakerspace/sketches/e4rxSKgYE

Background making code:
https://editor.p5js.org/StevesMakerspace/sketches/5LrCjYNka

Clipping mask - watercolor inside circles code:
https://editor.p5js.org/StevesMakerspace/sketches/qzc_PQPP0

My older watercolor video:
https://youtu.be/UpYfjZgxwP0

Watercolor Brushstrokes video from Algorithmic Art:
https://www.youtube.com/watch?v=smO_u27QRK0&t=25s

Turn Any Polygon into Water Colour in Javascript + P5js by Barney Codes:
https://www.youtube.com/watch?v=olXv8GOfpNw

Music:
Funk Down (Sting) by MK2 (theme)



Other Videos By Steve's Makerspace


2022-12-04How I Made "Hex-a-Sketch" Art Project - Hexagonal Truchet Tiling Made Sketchy with p5.js
2022-11-27Truchet Tiling with Octagons in p5.js
2022-11-26Truchet Tiling with Hexagons in p5.js
2022-11-20Making Truchet Tiles in p5.js
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!


Tags:
creative coding
gen art
generative art
p5js gen art
p5js generative art
p5js creative coding
p5js watercolor
p5js painting
javascript painting
javascript watercolor
watercolor coding
p5js watercolor effect
p5js spray paint
p5js digital painting
p5js clipping mask
p5js clipping
p5js mask