Get Started
About this tutorial
* [Module[1] - Know the basics]
- Introduction to Drawing with Code
- Errors, Console, and Comments
- Color Theory
* [Module[2] - Make it move]
- Basic DataType and Variables
- Animation
- Custom Shapes
- Transformations
* [Module[3] - Interaction]
- Conditionals
- Loops
- Applications with Mouse and Keyboard Events
* [Task[1] - Moving Face]
* [Module[4] - Functions]
- Modulize your code
* [Module[5] - Classes and Objects]
- Object Oriented Programming
* [Module[6] - Arrays]
- Array
- Arrays of Objects
* [Task[2] - Mutiples Moving Face]
Platform - Tools
- p5.js online editor is the coding tool for this tutorial.
Free-Online Resources
-
Video tutorial for programming with p5.js -- Thanks to Daniel Shiffman