Color Options for Generative Art in p5.js

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


Duration: 17:49
2,002 views
47

Color options for generative art / creative coding in p5.js. RGB vs HSB, randomizing options, using color palettes, tables, arrays, color picker, saving selections, csv files, json files, lerpColor, converting RGB to HSB, and pixel array. Also showing off my watercolor self-painter, spirograph maker, and mandala maker. "Color table load and draw" code includes a large color palette table.

Playlist of my p5.js project videos:
https://youtube.com/playlist?list=PLnJOmsprq3bErSNvxK0OV-Adh1uxRhVdo

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

Spirograph Maker:
https://editor.p5js.org/StevesMakerspace/sketches/dqCrfr642

Mandala Maker:
https://editor.p5js.org/StevesMakerspace/sketches/HpMGIVpMX

Random Color Options and Simple Color Arrays:
https://editor.p5js.org/StevesMakerspace/sketches/K_ZgLZWa6

Color table load and draw (with big palette table):
https://editor.p5js.org/StevesMakerspace/sketches/6mOzTXAi8

Color picking and save as csv table:
https://editor.p5js.org/StevesMakerspace/sketches/Zhn5j0a8A

Lerp example:
https://editor.p5js.org/StevesMakerspace/sketches/u1rD5E4i1

Convert RGB to HSB:
https://editor.p5js.org/StevesMakerspace/sketches/0CKhoZG5T

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

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

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

Coolers, a Color Palette Site:
https://coolors.co/palettes/trending

Reference page for p5.js:
https://p5js.org/reference/

0:00 Intro
0:42 Basic color options
1:34 Random colors + simple arrays
7:47 Color palettes from a table
9:34 Color picker
10:38 Saving colors to a csv table
12:31 Saving colors to a json file
13:05 Converting RGB to HSB
15:02 Lerp to mix colors
15:52 Pixel arrays

Music:
Funk Down (Sting) by MK2 (theme)
Blues Infusion by Quincas Moreira
Busy City by TrackTribe
Rhythm Changes by John Deley and the 41 Players
Smokey's Lounge by TrackTribe
Hold on a Second by John Deley and the 41 Players
Dewey, Cheedham, and Howe by John Deley and the 41 Players



Other Videos By Steve's Makerspace


2022-04-07Revisiting My First World in Scrap Mechanic from 2016! (and not because someone else just did)
2022-04-04Wavy Lines Art-Maker in p5.js Generative Art
2022-04-03More Friends & More Interesting Workstations - Common'Hood #4
2022-04-01Exploring the Other Side - Common'Hood #3
2022-03-31Getting Help with Farming & Building - Common'Hood #2
2022-03-29Surviving with a Squatter Community - Common'Hood
2022-03-27Help! I can't stop doing Mandala Art in p5.js - generative art
2022-03-20Trippy & Beautiful Morphing/Animated Mandala in p5.js - generative art - Meditative
2022-03-20How to Save & Share TechBlox Builds
2022-03-18Upgrading the Mandala Maker in p5.js - generative art programming / coding
2022-03-15Color Options for Generative Art in p5.js
2022-03-12Making a block shooter so I can torment customers in RoboCo
2022-03-09I tried to make a car in a game that is not designed to make cars - RoboCo Game
2022-03-06Discovering Secret Missions in the Diner - RoboCo Sandwich Server
2022-02-28Coding a Mandala Art Maker in p5.js - generative art programming
2022-02-27Mandala Art Maker in p5.js generative art
2022-02-20My Hovercraft and Motorbike in TechBlox - new thrusters, sensors, and stabilizer block
2022-02-16You Can Be Anything in This Odd Game - Everything gameplay
2022-02-12Getting Muddy - Trailmakers Campaign #4
2022-02-01I Built a Mini-Flyer - Trailmakers Campaign #3
2022-01-30Tailfin Glider? - Trailmakers Campaign #2


Tags:
p5js
coding in p5js
daniel shiffman
the coding train
learn to code
pattern maker
art maker
art generator
computer art
digital art
generative art
algorithm art
dynamic painting
creative coding
processing art
mandala maker
mandala art
coding challenge
p5js color
p5js lerpcolor
p5js convert rgb to hsb
p5js color picker
p5js color palettem
p5js color palette
p5js color table
p5js random color
p5js programming
p5js save table
p5js save array