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 a work that was very clearly made using turtle graphics. |
2 | Choose a work that uses turtle graphics, but doesn’t look “turtley”. |
3 | Choose your favorite take on the dot challenge. Discuss |
4 | Choose your favorite take on the line challenge. Discuss |
5 | Choose your favorite turtle (indvidual) challenge response. |
6 | Choose your favorite turtle (pair) challenge response. |