Introduction to Computational Media with p5.js

Unit 3 Loops, Arrays, Media

How can sounds, images, and fonts can be combined and manipulated with code?
Grade 9-12

Overview

In this unit students learn about working with media and asynchronicity. The preload function is used to load image, font and sound files before sketches are run, and callback functions are introduced. In the final project students combine images, fonts and sound to create their own random meme generator.

Lesson Sequence

Final Project - Meme Generator

Example Repository
Unit 3 Example Code Repository