TCC 01 Drawing Shapes(p5.js)
Tiger Code Camp - Video 1
How to draw simple shapes in p5.js
0:00 Error messages
0:20 The Console
1:15 Case Sensitivity
2:09 Drawing a Rectangle: rect()
2:22 p5.js Reference
3:28 Rectangle Parameters
4:32 Drawing Coordinates
6:40 rectMode()
8:24 Color Settings
8:47 fill(), stroke(), & strokeWeight()
9:54 Tidy Code
10:25 Getting mouse locations: mouseX, mouseY
11:28 Draw order - Display one shape on top of another
Here is the code used in this video:
https://editor.p5js.org/TigerCodeCamp...
Here is the complete tutorial playlist:
• p5.js Getting Started Tutorial Series
This video series inspired by Daniel Shiffman.
See his videos here: / thecodingtrain
And the Coding Train: https://thecodingtrain.com/
#p5.js
#codeCamp
p5.js tutorial for beginners