Introduction to Computational Media with p5.js

This is a teacher-facing p5 curriculum. Each unit includes a series of learning activities and ends with a final project where students apply the concepts they have learned in a creative way. Final project prompts include three levels of difficulty. For each of them, a finished project example is provided.

Unit 1. Drawing, Variables, Random

Unit information

Lessons

Unit 2. Response & Draw

Unit information

Lessons

Unit 3. Media

Unit information

Learning Activities

Final Project Examples

Unit 4. Motion

Unit information

Learning Activities

Final Project Examples

Unit 5. Functions

Unit information

Learning Activities

Final Project Examples

Unit 6. Objects

Unit information

Learning Activities

Final Project Examples

Unit 7. DOM

Unit information

Learning Activities

Final Project Examples

Resources

p5 Website

Video Tutorials

Coding Train, by Daniel Shiffman

Books

Learning Processing 2nd edition, by Daniel Shiffman.
Getting Started with p5.js, by Lauren McCarthy, Casey Reas, and Ben Fry.

Parts of some learning activities in this curriculum have been adapted from the resources above. Relevant book chapters and videos are linked from each learning activity.

Credits

Lead writer

Teaching Contributors