Workshop Overview
https://editor.p5js.org/

General Resources

• Workshop overview: https://esmesh.github.io/east-house-intro-programming/
• Online editor: https://editor.p5js.org/
• p5.js Searchable reference: https://p5js.org/reference/
• p5.js examples: https://p5js.org/examples/
• Book: Learn JavaScript with p5.js: Coding for Visual Learners by Engim Arslan (https://www.apress.com/gp/book/9781484234259)

Canvas setup and drawing text

• About setup(): https://p5js.org/reference/#/p5/setup
• About draw(): https://p5js.org/reference/#/p5/draw
• createCanvas command: https://p5js.org/reference/#/p5/createCanvas
• background command: https://p5js.org/reference/#/p5/background
• text command: https://p5js.org/reference/#/p5/text

Shapes

• point command: https://p5js.org/reference/#/p5/point
• line command: https://p5js.org/reference/#/p5/line
• rect command: https://p5js.org/reference/#/p5/rect
• ellipse command: https://p5js.org/reference/#/p5/ellipse
• triangle command: https://p5js.org/reference/#/p5/triangle
• quad command: https://p5js.org/reference/#/p5/quad

Colors

• About colors in p5.js: https://p5js.org/reference/#/p5/color
• List of color names: https://www.w3schools.com/colors/colors_names.asp
• background command: https://p5js.org/reference/#/p5/background
• fill command: https://p5js.org/reference/#/p5/fill
• noStroke command: https://p5js.org/reference/#/p5/noStroke
• stroke command: https://p5js.org/reference/#/p5/stroke
• strokeWeight command: https://p5js.org/reference/#/p5/strokeWeight

Math & Expressions

• JavaScript arithmetic: https://www.w3schools.com/js/js_arithmetic.asp
• ellipse command: https://p5js.org/reference/#/p5/ellipse
• rect command: https://p5js.org/reference/#/p5/rect

Variables

• JavaScript variables: https://www.w3schools.com/js/js_variables.asp
• ellipse command: https://p5js.org/reference/#/p5/ellipse
• rect command: https://p5js.org/reference/#/p5/rect
• triangle command: https://p5js.org/reference/#/p5/triangle

Animation

• Interactivity in p5.js: https://p5js.org/learn/interactivity.html
• functions example: https://p5js.org/examples/structure-functions.html
• frameRate command: https://p5js.org/reference/#/p5/frameRate
• sin command: https://p5js.org/reference/#/p5/sin
• angleMode command: https://p5js.org/reference/#/p5/angleMode