9.22: Custom Shapes - p5.js Tutorial

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=76fiD5DvzeQ



Category:
Tutorial
Duration: 18:48
102,325 views
1,567


In this video, I look at how to draw "custom" shapes in p5.js, using beginShape(), endShape(), vertex(), and curveVertex(). Special thanks to Rune Madsen's Programming Design Systems!

https://programmingdesignsystems.com/shape/custom-shapes/index.html#custom-shapes-pANLh0l

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/
To Support the Processing Foundation: https://processingfoundation.org/support

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/

Links discussed in this video:
Polar to Cartesian: https://www.youtube.com/watch?v=N633bLi_YCw
Catmull-Rom on wikipedia: https://en.wikipedia.org/wiki/Centripetal_Catmull%E2%80%93Rom_spline
Rune Madsen's Programming Design Systems: https://programmingdesignsystems.com/introduction/


Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
For Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

https://amara.org/v/awze/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
translate
rotate
processing
canvas
html5 canvas
html5 canvas animation
p5.js
javascript
p5.js tutorial
beginshape
endshape
custom shapes
custom shapes p5.js
vertex
curvevertex