U1/Ch1/L8: Encoding Color Images
Purpose: Students will learn how to encode color images. Gradesheet
Vocabulary: RGB
Journal #2: Encoding Color?
- Write down the names of as many shades of blue you can think of.
- How many do you think there are total? (partner/class)
Here are the Black and White Images that you encoded during the previous class.
- Devise an Encoding Scheme for color (with Partner) - Share.
- How many colors could you represent?
- What are some of the difficulties you face?
Video: "A Little Bit About Pixels." (Note: This is the same video we viewed with B&W images).
Activity 1: Color Pixelation Widget
|
Log on to Code.org, U1Ch1L8
- View Explanation 1.RGB Color.
- #1-Video Tutorial: Color Pixelation Widget - (3 bit color)
- Recreate the image to the right using the Pixelation Widget. (Puzzle 2 of 9; Color pixelation Task 1)
|
![](../../../../../../Images/Classes/CSP/Code.org/U1Ch1L8_Color/U1Ch1L8_3bit.png) |
- View Explanation 3. More Shades of Color.
- #2-Video Tutorial: Color Pixelation Widget - (6 bit color)
- Recreate the image to the right using the Pixelation Widget. (Puzzle 4 of 9; Color pixelation Task 2)
|
![](../../../../../../Images/Classes/CSP/Code.org/U1Ch1L8_Color/U1Ch1L8_6bit.png) |
- View #3-Video Tutorial: Color Pixelation Widget - (12 bit color)
- Recreate the image to the right using the Pixelation Widget. (Puzzle 5 of 9; Color pixelation Task 2)(5pts.)
|
![](../../../../../../Images/Classes/CSP/Code.org/U1Ch1L8_Color/U1Ch1L8_9bit.png) |
6. Color Sampling Widget
- For each of the four images, decide which would be the best 'Sampling to accurately recreate it.
7. Pixelation Widget (10pts.)
- Now you get to try and recreate any one of the 4 images...Good Luck!
|
![](../../../../../../Images/Classes/CSP/Code.org/U1Ch1L8_Color/U1Ch1L8_6Sampling.png) |
Review Video Encoding Data For Computers: How Computers Work: Binary & Data.