1. Image Processing & Perception Sec 9-11 Web Design

2. Objectives The student will: Understand an image from the scribbler camera Look at individual pixels in a picture Understand the myro commands to analyze a picture

3. Pixels Each image is made up of several tiny picture elements or pixels. In a color image, each pixel contains color information which is made up of the amount of red, green, and blue (RGB). – Each of these values is in the range 0..255 – A pixel that is colored pure red will have the RGB values (255, 0, 0).

4. Pixels A low-end camera today has 5 megapixels. That’s 5,000,000 pixels! The images obtained from the Scribbler are 256x192 (WxH) pixels or a total of 49,152 pixels. – New robots 427x266(WxH) or 113,582 pixels

5. Taking a Picture Remember the command: pic = takePicture("color") The picture is now stored in the variable pic, but what is stored? – Think of pic as a table with 192 rows and 256 columns. New robots 266 rows and 427 columns – Each “cell” in the table tells the color of that pixel.

6. Scribbler Pictures Look at this picture: – It’s easy to see the blue chair, the red column and the door but all the computer sees is 49,152 (113,582 for the new robots) little squares of color.

7. 012345678910111213…248249250251252 0 1 2 3 4 5... 189 190 191 192 Scribbler Picture Pixels are numbered starting with the upper left corner

8. Looking at a picture on the Screen When you issue the show(pic) command you can click on the picture, see the pixel selected and R, G, B values for that pixel Pixel Red Green Blue

9. Looking at a picture on the Screen Pure white is (255, 255, 255) Pure black is (0, 0, 0)

10. Myro Image Processing Functions Myro commands you can use to analyze a image: getWidth(pic) – Returns the width of the picture width = getWidth(pic) getHeight(pic) – Returns the height of the picture height = getHeight(pic) getPixel(pic, x, y) – Returns the pixel at specified x- and y- locations pixel = getPixel(pic, x, y) getRGB(pixel) – Returns the red, green and blue values of the pixel (between 0 and 255). r, g, b = getRGB(pixel)

11. How to look at every pixel in picture To scan every pixel in a picture you need a pair of nested for loops: for x in range(256): for y in range(192): pixel = getPixel(pic, x, y) r, g, b = getRGB(pixel) r now contains the red value, g the green value and b the blue value for that pixel.

12. Summary Digital pictures are actually just a combination of tiny dots called pixels Each pixel has a single color associated with it. – Colors are combinations of red, green and blue. – Each color has a value of 0 (no color) to 255 (max) Scribbler pictures are 256 pixels wide and 192 pixels high for a total of 49,152 pixels (or 427 wide and 266 high for a total of 113,582 pixels) getPixel(pic, x, y) and getRGB(pixel) can be used to analyze the colors in a picture

13. Rest of Today Write a program to: 1.Take a picture that contains the colors in the front of the room. 2.Display the picture on the screen 3.Write a program to analyze the picture. If the red value is greater than 250 then print out the pixel and red, green, and blue values. print "Pixel is (", x, ", ", y, ") RGB is ", r, g, b Assumes the variables x, y, r, g, and b are set. As a team answer this question: – Is checking just the R value sufficient for finding red? If not what other criteria needs to be considered?

14. Rest of Today For each of the cones: What criteria can be used to distinguish that cone from the rest of the colors in the room? Create a file like this… Red Cone: Red Range: Red min – Red max Green Range: Green min – Green max Blue Range: Blue min – Blue max Green Cone: Red Range: Red min – Red max Green Range: Green min – Green max Blue Range: Blue min – Blue max