Shadowy Edges & Making Shapes using Vertex in p5.js

Channel:

Steve's Makerspace

Subscribers:

6,610

Published on October 16, 2022 9:35:14 PM ● Video Link: https://www.youtube.com/watch?v=IY9bYwWiGLs

Duration: 16:51

1,302 views

47

In this video, I show how to make shapes with shadowy edges, and also how to draw shapes using vertex, and how to rotate shapes. We'll be using createGraphics and the clip function. This is how I made the shapes and textures in my recent nft drop on fxhash. creative coding generative art gen art p5js

My nft art project on fxhash:
https://www.fxhash.xyz/generative/slug/the-order-of-things

My video - Watercolor Effect & Paper Texture Effect:
https://youtu.be/MEYdsoZua7E

Code used to make edges & other effects used in The Order of Things:
https://editor.p5js.org/StevesMakerspace/sketches/m1xg_A6nZ

Code using the ellipse distance from the edge to change ellipse brightness:
https://editor.p5js.org/StevesMakerspace/sketches/ltwi2nozR

Code example of rotating a triangle:
https://editor.p5js.org/StevesMakerspace/sketches/FEV-r_H2D

Code for shadow edge that is cool but process-heavy:
https://editor.p5js.org/StevesMakerspace/sketches/lD17BGOMx

randomGaussian reference on p5 site:
https://p5js.org/reference/#/p5/randomGaussian

Livestream recording where I talk more about the code in the Order of Things - a bit chaotic because we're also watching the auction and chatting:
https://youtu.be/6ZnAPNsD6vo

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

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

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