7: Custom Shapes - Vertex and curveVertex in p5.js: How to Code Generative Art

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


Category:
Guide
Duration: 11:20
199 views
19

Another video in the series on How to Code Generative Art using p5.js. In this video, we how to make custom shapes using vertex and curveVertex. These can be used to make a leaf shape or a wavy line across the canvas. # beginner's guide to coding, getting started generative art p5js.

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

Simple vertex example:
https://editor.p5js.org/StevesMakerspace/sketches/Y2PpkB5Ee

Simple curveVertex example:
https://editor.p5js.org/StevesMakerspace/sketches/15DtOmgox

2 vertexes with sliders:
https://editor.p5js.org/StevesMakerspace/sketches/kjkhYJhaG

1 vertex with sliders:
https://editor.p5js.org/StevesMakerspace/sketches/lgiRNhRj8

2 vertexes generative:
https://editor.p5js.org/StevesMakerspace/sketches/Z5-u_8rmq

1 vertex generative:
https://editor.p5js.org/StevesMakerspace/sketches/DaTBqSIHH

large curve across bottom of canvas:
https://editor.p5js.org/StevesMakerspace/sketches/j1ZkwsKv2

wavy band through the canvas:
https://editor.p5js.org/StevesMakerspace/sketches/mVWUyUEZ0

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


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
2023-12-042: Color in p5.js: How to Code Generative Art
2023-12-031: Getting Started with p5.js: How to Code Generative Art
2023-12-03How to Code Generative Art: Preview to the Course - p5.js
2023-11-30I'm on Patreon!
2023-11-21Fixing Perlin noise - p5js #shorts
2023-10-16Combining ml5 PoseNet and p5play to manipulate objects with my body - p5js


Tags:
getting started coding p5js
getting start p5js
how to code p5js
how to code generative art
learn generative art
beginner's guide p5.js
beginner's guide generative art
getting started creative coding
vertex p5js
curvevertex p5js
custom shapes p5js
leaf shape p5js