Making Simple Patterns in p5.js

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


Duration: 13:05
10,064 views
381

In this video, I go over different types of patterns you can make in p5.js, using regular randomness or Perlin noise, translating and rotating shapes, and different ways to make monochrome color palettes. 10 PRINT, generative art, creative coding.

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

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

Projects in no particular order:
Simple squares pattern:
https://editor.p5js.org/StevesMakerspace/sketches/wufGqZ2gZ

Flower pedals curve vertex with sliders:
https://editor.p5js.org/StevesMakerspace/sketches/_hayYBAFC

Colored rectangles:
https://editor.p5js.org/StevesMakerspace/sketches/7CKMIdr13

Another version of colored rectangles with rotation:
https://editor.p5js.org/StevesMakerspace/sketches/n6LXd17o6

10 PRINT (angled lines - regular randomness):
https://editor.p5js.org/StevesMakerspace/sketches/OncD1oQY3

Perlin noise 10 PRINT (angled lines):
https://editor.p5js.org/StevesMakerspace/sketches/EqPCvWdxa

Perlin noise rectangles:
https://editor.p5js.org/StevesMakerspace/sketches/UhU4O7vVh

Diamond pattern - little triangles:
https://editor.p5js.org/StevesMakerspace/sketches/8H_SKnAVO

Perlin noise colored triangles:
https://editor.p5js.org/StevesMakerspace/sketches/1LtXBGXlg

Advanced version of colored triangles:
https://editor.p5js.org/StevesMakerspace/sketches/2CYhFiZot

Fabric-looking pattern using ASCII text:
https://editor.p5js.org/StevesMakerspace/sketches/5-h73eCDT

ASCII Codes:
https://theasciicode.com

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



Other Videos By Steve's Makerspace


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!
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


Tags:
p5js
coding in p5js
pattern maker
art maker
art generator
computer art
digital art
generative art
algorithm art
dynamic painting
creative coding
processing art
p5js color
coding pattern maker
p5.js programming
digital painting
new media art
p5.js curve vertex
p5.js table
p5.js color palette
p5.js art maker
learn to code
curve vertex
10 print
10 print p5js
p5js patterns
code patterns
program patterns