Week 6, Pixel Data
Class Notes
Learning Objectives
- 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()
andset()
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.
Schedule
Time | Duration | Purpose | Format | Name |
---|---|---|---|---|
3:50 | 30 m | Review | Discussion | Homework Review |
4:20 | 5 m | Study | Lecture | Shifts in Perspective |
4:25 | 10 m | Study | Lecture | 01 Pixels |
4:35 | 20 m | Activate | Coding | Pixel Writing Challenge |
4:55 | 10 m | Study | Coding | Challenge Discussion |
5:05 | 20 m | Activate | Coding | Pixel Processing Challenge |
5:25 | 10 m | break | break | break |
5:35 | 10 m | Study | Coding | Challenge Discussion |
5:45 | 10m | Study | Lecture | 04 pixels[] |
5:55 | 15m | Study | Coding | setQuick + Grass |
6:10 | 5m | Study | Lecture | Homework Discussion |
6:15 | 15m | Study | Coding | Homework Solution |
Homework Review
Groups
Group | Question |
---|---|
1 | Choose your favorite take on the dot challenge. Discuss |
2 | Choose your favorite take on the line challenge. Discuss |
3 | Choose a work that you like, but are unsure how it was made. Describe what you see. |
4 | Choose a set of sketches that show interesting progression from one to the next. Discuss how the sketch changed in each post. |
5 | Choose a work that combines computational and manually-created form. Discuss. |
6 | Choose a 😂, 😍, or 🤓. Discuss. |