Learning Objectives

Students will be able to:

Understand how raster image data is represented in memory.
Consider relationship between vector images, raster images, p5.js drawing api, and pixel access.
Technical: Using p5’s get() and set() function to read and write pixel values.
Technical: Using p5’s pixel[] array to work with pixel data directly and faster.
Explore per-pixel image generation.
Explore per-pixel image processing.
Explore using an image as a data input.

Time	Duration	Purpose	Format	Name
9:00	30m	Activate	Discussion	Sketch Review
9:30	5	Study	Lecture	Changes in Perspective
9:35	5	Study	Lecture	Pixel Writing
9:40	15	Study	Live-Code	Challenge Solutions
9:55	10			Break
10:05	5	Study	Lecture	Pixel Reading
10:10	15	Study	Live-Code	Challenge Solutions
10:25	10	Engage	Discussion	Q + A
10:35	30	Activate	Live-Code	Ids, Rows, Columns, Xs, Ys
11:05	5			Next Week
11:10	15	Study	Lecture	Get Quick and Algorithmic Complexity
11:25	15	Study	Live-Code	Strategy Challenge Solutions
11:40

Sketch Review

<aside> 🧟 1) Discuss your question. 2) Look for related sketches from the past week. 3) Answer your question using a related sketch to illustrate your points. 4) Add your key points and a link to your selected sketch below. 5) Share your screen to present and discuss your question, answer, and related sketch.

</aside>