P5 Workshop by David Stein

Follow me please on IG ! @colonelpanix

To load this page, the URL is the Recording Link on this session in the ITP Camp Calendar

Recording of Class:

GMT20230612-181135_Recording_1920x1080.mp4

Feel free to watch this at 1.5x speed!!!

Recommended Coding Train Videos

https://thecodingtrain.com/tracks/code-programming-with-p5-js

Watch the videos under "Conditional Logic" if you didn't watch them for the last class

Watch the videos under "Loops" if you didn't watch them for the last class

Shared Document for Workshop

https://docs.google.com/document/d/1bECZwf3ATRL3WTJaKOkUtqrcqNcM_bl8JJSFwcEDAOc/edit

Review

• P5 Editor, Program Structure
• Colors, Shapes, Stroke and Fill
• Tricky Topics
  • When drawing multiple items, it is sometimes helpful to draw them on paper and fill in what you think the coordinates are before you code.
  • Draw happens about 60 times per second
  • Order of each command may be important
  • Color, Fill and Stroke settings happen when they are called. Once the color, fill and stroke are changed it stays that way in following calls to the draw function
  • Point and line have no fill… they are all stroke
• I ran out of time last week, but I want to cover colorMode