Please enable JavaScript to use CodeHS


Digital Art with p5.js

Lessons

  1. Getting Started With p5.js

    1. 1.1 What is Creative Coding

    2. Description
    3. Objective
    4. 1.2 Drawing and Shapes

    5. Description
    6. Objective
    7. 1.3 Color

    8. Description
    9. Objective
    10. 1.4 Variables

    11. Description
    12. Objective
    13. 1.5 Project: Create Your Own Emoji

    14. Description
    15. Objective
  2. Animation

    1. 2.1 The Draw Loop

    2. Description
    3. Objective
    4. 2.2 Color Transitions

    5. Description
    6. Objective
    7. 2.3 Shape Transformations

    8. Description
    9. Objective
    10. 2.4 Direction

    11. Description
    12. Objective
    13. 2.5 Project: Animate a Song

    14. Description
    15. Objective
  3. Interactivity

    1. 3.1 What is Interactivity

    2. Description
    3. Objective
    4. 3.2 Mouse Data

    5. Description
    6. Objective
    7. 3.3 Keyboard Data

    8. Description
    9. Objective
    10. 3.4 Project: Create Your Own Interactive Sketch

    11. Description
    12. Objective