Activities / Planning Guide
This is an activities index. It can be useful to backtrace lessons based on memory of an activity or a project.
If you are late or absent, it is your responsibility to catch up. Use the videos and myriad other resources provided with each lesson. There are even more resources a google search away and YouTube itself is a valuable source of tutorials.
Important Reminders
- p5js web editor
- Replit Editor
- p5js reference
- Adobe Color
- P5js Graph Paper (attachment for Lesson 03)
- Lorem Ipsum Generator
- Common Functions p5.js Cheat Sheet by Ben Moren (Available in several languages)
- File Name convention: Lesson # descriptiveTitle
- View this attachment for a general rubric for all activities
- Activity Submission - Google Classroom
Teachers view this linked reflection on implementation options/ thoughts. Same lessons could take on a very different life.
| # | Lesson | Brief Activity Description |
|---|---|---|
| 1 | Getting Started - p5.js Web Editor | Create p5js account and workflow setup. |
| 2 | Coordinate System and Given Functions | Text function to print out favorite quote or selection of poetry. |
| 3 | Drawing a Robot | Use 2D shapes to draw a robot. |
| 4 | Name and Comments | Commenting the code. |
| 5 | Drawing Order | Creating a Taijitu Symbol. Tangrams and Origami Vector Art /Business Card |
| 6 | Styling Scheme | Project Gallery/ Portfolio Website |
| 7 | Text Attributes | Poster Art |
| 8 | Arcs and Custom | Shapes Custom Emoji or Pacman Maze |
| 9 | Variables | Setup variables to customize a sketch |
| 10 | Color | Sketch on the theme “Color/ Impact of”. |
| 11 | Predefined Variables | Move a character using the mouse |
| 12 | Computer Can Do The Math | Mathematical Formulas and Random Creations |
| 13 | For Loop | Greeting Card |
| 14 | Nested For Loops | Random Wallpaper Design/ Checker Board |
| 15 | While Loop | Graph Grid/ Design Repetitions w/ rand() function +color var Sol Lewitt: A Wall Drawing Retrospective |
| 16 | Mouse Clicks and Distance (If Then) | Traffic Light Project |
| 17 | Function Basics | Self-Portrait & Expressions |
| 18 | Collision Detection & Importing a Library | Haunted House/ import p5.collide2d |
| 19 | keyPresses | Drawing App |
| 20 | Movement with Keyboard | RPG Game |
| 21 | Arrays | Fortune Cookie Message Generator / Todo List |
| 22 | Images | Vision Board |
| 23 | Sound | Musical Instrument |