Digital Art with p5.js

Lessons

1. Getting Started With p5.js

1. 1.1 What is Creative Coding

   • Lesson Plan
2. Description
3. Objective

4. 1.2 Drawing and Shapes

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Color

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Variables

    • Lesson Plan
11. Description
12. Objective

13. 1.5 Project: Create Your Own Emoji

    • Lesson Plan
14. Description
15. Objective

2. Animation

1. 2.1 The Draw Loop

   • Lesson Plan
2. Description
3. Objective

4. 2.2 Color Transitions

   • Lesson Plan
5. Description
6. Objective

7. 2.3 Shape Transformations

   • Lesson Plan
8. Description
9. Objective

10. 2.4 Direction

    • Lesson Plan
11. Description
12. Objective

13. 2.5 Project: Animate a Song

    • Lesson Plan
14. Description
15. Objective

3. Interactivity

1. 3.1 What is Interactivity

   • Lesson Plan
2. Description
3. Objective

4. 3.2 Mouse Data

   • Lesson Plan
5. Description
6. Objective

7. 3.3 Keyboard Data

   • Lesson Plan
8. Description
9. Objective

10. 3.4 Project: Create Your Own Interactive Sketch

    • Lesson Plan
11. Description
12. Objective