Image Processing & Perception Sec 9-11 Web Design.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

Noadswood Science,  To know how to use Python to produce windows and colours along with specified co-ordinates Sunday, April 12, 2015.
Book Scanning & Digital Image Production The VRC Guide to Imaging By Kate Stepp.
Computer Science 111 Fundamentals of Programming I More Digital Image Processing.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Final Project Web Design. Final Project Your robot will be placed in a room with the red cone. Your robot will need to find the cone in the room and run.
Objectives Define photo editing software
Bits are Not just for Numbers or Characters Computers store characters as bits or binary digits. Characters from the English-language keyboard can be represented.
Bits are Not just for Numbers Computers store characters as bits or binary digits. Characters from the English-language keyboard are represented in ASCII.
COMP 14: Files and Graphics for Applets June 19, 2000 Nick Vallidis.
R-1 University of Washington Computer Programming I Lecture 17: Multidimensional Arrays © 2000 UW CSE.
CSE 113 Week 5 February , Announcements  Module 2 due 2/15  Exam 3 is on 2/15  Module 3 due 2/22  Exam 4 is on 2/25  Module 4 due 2/29.
First Bytes - LabVIEW. Today’s Session Introduction to LabVIEW Colors and computers Lab to create a color picker Lab to manipulate an image Visual ProgrammingImage.
CS 1 with Robots Image Manipulation Institute for Personal Robots in Education (IPRE)‏
How to turn on the robot How to start Bluetooth How to connect to robot How to initialize the robot How to not break the robot Sec Getting Started.
CompSci Today’s topics Robots Myro Loops Notes from the Institute for Personal Robots in Education Upcoming ä More Python Reading Learning Computing.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Taking Pictures Sec 9-9 Web Design. Objectives The student will: Know how command the scribbler robot to take a picture. Know how to display the picture.
Web Design. How to set up the robot How to link to robot How not to break my robot Sec Getting Started How to make it move How to control speed.
Technology and digital images. Objectives Describe how the characteristics and behaviors of white light allow us to see colored objects. Describe the.
© GCSE Computing Candidates should be able to:  explain the representation of an image as a series of pixels represented in binary  explain the need.
Georgia Institute of Technology Introduction to Media Computation Barb Ericson Georgia Institute of Technology May 2006.
© 1999 Rochester Institute of Technology Color. Imaging Science Workshop for Teachers ©Chester F. Carlson Center for Imaging Science at RIT Color Images.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
COSC 1P02 Intro. to Computer Science 6.1 Cosc 1P02 Week 6 Lecture slides "To succeed, jump as quickly at opportunities as you do at conclusions." --Benjamin.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Images Data Representation. Objectives  Understand the terms bitmap & pixel  Understand how bitmap images are stored using binary in a computer system.
© 1999 Rochester Institute of Technology Introduction to Digital Imaging.
Images The Science of Images What is an Image on the computer? The Psychology of Images What do we use images for? What effect color has on our mood and.
Number Systems CIT Network Math
Applying Color in CSS Web Design – Sec 4-5 Part or all of this lesson was adapted from the University of Washington’s “ Web Design & Development I ” Course.
Color and Resolution Introduction to Digital Imaging.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Two –Dimensional Arrays Mrs. C. Furman Java Programming November 19, 2008.
Lecture 15: Intro to Graphics Yoni Fridman 7/25/01 7/25/01.
CSC1401. Learning Goals Understand at a conceptual level What is media computation? How does color vision work? How can you make colors with red, green,
How to link the robot and the computer (Bluetooth) How to turn on and off How to connect the adaptor Fluke card connection Sec Getting Started How.
GRAPHICS MODULE 14 STUDY BOOK. Graphic commands SCREEN - puts the screen into graphics mode WINDOW - allows scaling of the screen LINE - 3 formats –LINE.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
1- How to connect the robot to the pc Sec Getting Started 3- How to move the robot Sec Scribbler movements 4- How to make a turn 11- How to.
HOW SCANNERS WORK A scanner is a device that uses a light source to electronically convert an image into binary data (0s and 1s). This binary data can.
Representation of Data in Computer Systems
Representing Sound and Image. Representing images One mean of representing an image it to interpret the image as a collection of dots, each is called.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
1 Sections 5.1 – 5.2 Digital Image Processing Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.
Digital Cameras in the Classroom Day One Basics Ann Howden UEN Professional Development
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Web Design. How to link the robot How to turn on the robot Sec Getting Started What is python Programming in python How to move the robot How to.
Unit 1 The History of Photography & The Camera
Getting Started with Adobe Photoshop CS6
Data Representation Images.
Pixels, Colors and Shapes
Detecting and Mixing Colors STEM DIGITAL Institute
What you asked me to teach…
The Colour of Light: Additive colour theory.
Image Processing & Perception
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Representing Images 2.6 – Data Representation.
What do these words mean to you?
CSc 110, Spring 2018 Lecture 9: Parameters, Graphics and Random
Gray Scale picture def pixBW(pixel): # given a pixel, change to BW
Image Analyzer John Ponte SAS Abstract References
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Colors Computers build colors from Red, Green, and Blue; not Red, Blue, and Yellow. RGB = Red Green Blue Creating Colors Red + Blue = Purple No Red, No.
Non-numeric Data Representation
Presentation transcript:

Image Processing & Perception Sec 9-11 Web Design

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

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 – A pixel that is colored pure red will have the RGB values (255, 0, 0).

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

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.

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.

… Scribbler Picture Pixels are numbered starting with the upper left corner

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

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

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)

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.

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

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?

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