Perlin Noise Art - p5.js

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


Duration: 13:00
4,563 views
153

I start with a simple Perlin noise field and end with a more complicated Perlin noise field using a combination of color palettes. Not exactly art, but close. #generativeart #creativecoding

Perlin Noise Art Code:
https://editor.p5js.org/StevesMakerspace/sketches/y3Q4xT9nP

Fuzzy version:
https://editor.p5js.org/StevesMakerspace/sketches/Nqprx795h

Better color mixing video:
https://youtu.be/LEBo-yqNs1w

Perlin noise simple color map:
https://editor.p5js.org/StevesMakerspace/sketches/26Qp4ye3U

Color replace example:
https://editor.p5js.org/StevesMakerspace/sketches/X0z5mcTMH

Rough circle example:
https://editor.p5js.org/StevesMakerspace/sketches/h39Za5FoN

Water Color Brush Strokes video from Algorithmic Art:
https://www.youtube.com/watch?v=smO_u27QRK0&t=947s

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

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

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



Other Videos By Steve's Makerspace


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!
2022-06-25MidJourney - Awesome AI Art Generated from Text Prompts
2022-06-22Perlin Noise Art - p5.js
2022-06-09Color Mixing for Generative Artists in p5.js
2022-06-05Generative Art from a 3D Landscape in p5.js
2022-06-043D Landscape Generation in p5.js (no moving around)
2022-05-20Making Art from Random Photos - p5.js generative art
2022-05-16You Need to Protect Your API Keys in p5.js. Here's How.
2022-05-11I Made Art from Random Satellite Images: p5.js generative art / creative coding
2022-05-06What Does It Mean to Be An Artist? - p5.js generative art / creative coding
2022-04-20Rotating Tiles and Animation in Tiles - part 2 of Tile Sampling - p5.js Generative Art
2022-04-19Sample Part of an Image or Drawing, and Put Samples into Tiles - p5.js Generative Art
2022-04-17Finally Making Progress - Ancestors Game #2


Tags:
p5js
coding in p5js
learn to code
art generator
computer art
digital art
generative art
algorithm art
dynamic painting
creative coding
processing art
coding pattern maker
p5.js programming
digital painting
new media art
p5.js art maker
generative art process
creative coding process
perlin noise
perlin noise art
p5js perlin noise
p5js generative art
p5js creative coding