Playing with Perlin Noise in p5.js - generative art with lots of options, plus wave convections

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


Duration: 12:00
10,048 views
327

You don't need to know code or download anything to play with these two programs. View in your browser. Making generative art with lots of options using a Perlin noise flow field. And, a ripple / wave making program that also creates convection. I'm modifying code from Daniel Shiffman / The Coding Train.

Perlin noise flow field with color:
https://editor.p5js.org/StevesMakerspace/sketches/qTjXhdC8t

Shiffman's Perlin noise flow field video and code:
https://thecodingtrain.com/CodingChallenges/024-perlinnoiseflowfield.html

Shiffman's 2D water ripple video and code:
https://thecodingtrain.com/CodingChallenges/102-2d-water-ripple.html

Ripple code with rectangles added:
https://editor.p5js.org/StevesMakerspace/sketches/nooVsFkxW

Ripple code with randomness / convection added:
https://editor.p5js.org/StevesMakerspace/sketches/6oOAgAcrR

The Coding Train YT Channel:
https://www.youtube.com/c/TheCodingTrain

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

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

Music:
Funk Down (Sting) by MK2 (theme)
Delta by TrackTribe
Rhythm Changes by John Deley and the 41 Players
Saturday Groove by John Deley
Hold on a Second by John Deley and the 41 Players



Other Videos By Steve's Makerspace


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
2021-07-19Mind-Blowing Art-Making Program I Made in p5.js generative art
2021-07-11My New Coding Adventures in p5.js


Tags:
p5.js
coding train
perlin noise
perlin noise flow field
perlin noise p5.js
perlin noise processing
p5.js ripple
p5.js wave
p5.js convection
processing ripple
processing wave
generative art
p5.js art
p5.js generative art
processing art
processing generative art
algorithmic art
systems art
synthetic art
computer art
generative art maker
generative art code
generative art program
creative coding
p5.js creative coding