22: Deeper Dive into Color in p5.js: How to Code Generative Art

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


Category:
Guide
Duration: 21:12
641 views
29

Another video in the series on How to Code Generative Art using p5.js. In this video, we take a deeper look at color. We look at several new color functions, a tool for grabbing colors from any website, and how to add a grain shader to your art.

The playlist: https://www.youtube.com/playlist?list=PLnJOmsprq3bE0QLbe7wZ8yb1-Dt0FBcP5

Color palette display:
https://editor.p5js.org/StevesMakerspace/sketches/4b2MKfqij

Color picking and save tool:
https://editor.p5js.org/StevesMakerspace/sketches/oHlBUGGi_

Grain shader by Dave Pagurek and Gorilla Sun:
https://editor.p5js.org/StevesMakerspace/sketches/iq8QR3wP3

Gorilla Sun's article about grain:
https://www.fxhash.xyz/article/all-about-that-grain

Coolors site for palettes:
https://coolors.co/palettes/popular/5 colors

https://p5js.org/

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

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

Steve's Patreon page: https://www.patreon.com/steves_makerspace



Other Videos By Steve's Makerspace


2024-01-0724: Where to go from here; the creative process; big list of resources: How to Code Generative Art
2024-01-0523: More Useful Functions in p5.js: How to Code Generative Art
2024-01-0322: Deeper Dive into Color in p5.js: How to Code Generative Art
2024-01-0121: Return, Break & Continue in p5.js: How to Code Generative Art
2023-12-3020: Intro to WEBGL-3D Graphics in p5.js: How to Code Generative Art
2023-12-2819: Clipping Function in p5.js: How to Code Generative Art
2023-12-2618: Perlin Noise Flow Fields in p5.js: How to Code Generative Art
2023-12-2417: Perlin Noise Grid Project in p5.js: How to Code Generative Art
2023-12-2216: Introduction to Perlin Noise in p5.js: How to Code Generative Art
2023-12-2015: Sine and Cosine to make wonky circles and meandering lines in p5.js: How to Code Generative Art
2023-12-1814: Array Examples from Steve's Projects in p5.js: How to Code Generative Art
2023-12-1813: Basics of Arrays in p5.js: How to Code Generative Art
2023-12-1611: Using a Buffer Canvas - createGraphics, Get, Image, Tint in p5.js: How to Code Generative Art
2023-12-1410: Creating Functions in p5.js: How to Code Generative Art
2023-12-139: On Being a Generative Artist - How to Code Generative Art - p5.js
2023-12-128: Translate and Rotate in p5.js: How to Code Generative Art
2023-12-117: Custom Shapes - Vertex and curveVertex in p5.js: How to Code Generative Art
2023-12-096: If - Else plus AND, OR, and NOT in p5.js: How to Code Generative Art
2023-12-075: For Loops and While Loops in p5.js: How to Code Generative Art
2023-12-064: Variables plus Math Shortcuts in p5.js: How to Code Generative Art
2023-12-053: Shapes plus Random function in p5.js: How to Code Generative Art


Tags:
getting started coding p5js
getting start p5js
how to code p5js
how to code generative art
p5js color
generative art color
gen art color p5js
guide to coding generative art