Picture Lab. Manipulating Pictures Discussion and activities with java.awt.Color introduce students to megapixels, pixels, the RGB color model, binary.

Slides:



Advertisements
Similar presentations
Data Representation. Units & Prefixes Review kilo, mega, and giga are different in binary! bit (b) – binary digit Byte (B) – 8 binary digits KiloByte.
Advertisements

Image Processing … computing with and about data, … where "data" includes the values and relative locations of the colors that make up an image.
Computer Science 101 RGB Color System. Simplified Introduction to Color Vision Go to How We See: The First Steps of Human Vision or Color Vision for more.
1 RTL Example: Video Compression – Sum of Absolute Differences Video is a series of frames (e.g., 30 per second) Most frames similar to previous frame.
Computer Science 111 Fundamentals of Programming I More Digital Image Processing.
ManipulatingPictures-Mod6-part21 Manipulating Pictures, Arrays, and Loops part 2 Barb Ericson Georgia Institute of Technology.
Georgia Institute of Technology Manipulating Pictures, Arrays, and Loops part 1.
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
2D Arrays in Java. Interfaces  Separating What from How  Phones: Dial  Cars Gas, Break, Steer.
Digital Cameras CCD (Monochrome) RGB Color Filter Array.
11-1 Chapter 11 2D Arrays Asserting Java Rick Mercer.
Multidimensional Arrays in Java Vidhu S. Kapadia.
R-1 University of Washington Computer Programming I Lecture 17: Multidimensional Arrays © 2000 UW CSE.
Color (1) Turtle class contains a method to change the pen color Note: before using Color class, you should add following line in the top of the source.
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.
Manipulating 2D arrays in Java
LAB-12 2-D Array I Putu Danu Raharja Information & Computer Science Department CCSE - King Fahd University of Petroleum & Minerals.
Image processing Second lecture. Image Image Representation We have seen that the human visual system (HVS) receives an input image as a collection of.
Georgia Institute of Technology Introduction to Media Computation Barb Ericson Georgia Institute of Technology May 2006.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Image Processing & Perception Sec 9-11 Web Design.
Lawrence Snyder University of Washington, Seattle © Lawrence Snyder 2004 Adding some light to computing ….
TOPIC 7 MODIFYING PIXELS IN A MATRIX NESTED FOR LOOPS 1 Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach by.
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.
© 1999 Rochester Institute of Technology Introduction to Digital Imaging.
Lab 8 Bit-Mapped Graphics Moving from text-based graphics to bit- mapped graphics. Easy to draw graphic points and lines using INT 10h, Function 0Ch (write.
ManipulatingPictures-part11 Manipulating Pictures, Arrays, and Loops part 1 Barb Ericson Georgia Institute of Technology Nov 2009.
When constructing a two-dimensional array, specify how many rows and columns are needed: final int ROWS = 3; final int COLUMNS = 3; String[][] board =
Pictures Looping through pixels.. Lab Review (1) Objects  Instantiated from Class  Turtle myTut = new Turtle(myWorld);  new operator creates an instance.
Array Cs212: DataStructures Lab 2. Array Group of contiguous memory locations Each memory location has same name Each memory location has same type a.
Two –Dimensional Arrays Mrs. C. Furman Java Programming November 19, 2008.
CSC Computing with Images
infinity-project.org Engineering education for today’s classroom 2 Outline How Can We Use Digital Images? A Digital Image is a Matrix Manipulating Images.
1 Data Structures CSCI 132, Spring 2014 Lecture 32 Tables I.
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,
Comprehending List Comprehensions
NestedLoops-Mody7-part51 Two-Dimensional Arrays and Nested Loops – part 5 Rotations Barb Ericson Georgia Institute of Technology May 2007.
Copyright Howie Choset, Renata Melamud, Al Costa, Vincent Lee-Shue, Sean Piper, Ryan de Jonckheere. All Rights Reserved Computer Vision.
Conditionals-Mod8-part41 Conditionals – part 4 Replace background Barb Ericson Georgia Institute of Technology May 2007.
CMPS1371 Introduction to Computing for Engineers IMAGES.
CS 180 Problem Solving and Object Oriented Programming Fall 2011 Notes for Week 14: Nov 21-25, 2011 Aditya Mathur Department of Computer Science Purdue.
NestedLoops-part21 Nested Loops – part 2 Barb Ericson Georgia Institute of Technology Nov 2009.
Data Structures - Part I CS 215 Lecture 7. Motivation  Real programs use abstractions like lists, trees, stacks, and queues.  The data associated with.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
BINARY Toby Wilson. LEARNING OBJECTIVES  Be able to convert binary to denary  Be able to convert denary into binary  Be able to explain how computers.
Textures – Basic Principles Lecture 29 Fri, Nov 14, 2003.
More Digital Representation Discrete information is represented in binary (PandA), and “continuous” information is made discrete.
1 Sections 5.1 – 5.2 Digital Image Processing Fundamentals of Java: AP Computer Science Essentials, 4th Edition Lambert / Osborne.
Data Representation Images.
Image Processing Objectives To understand pixel based image processing
Vocabulary byte - The technical term for 8 bits of data.
Image Processing & Perception
UNIT 2 – LESSON 4 Encoding Color Images.
DIP 9 65 Original 210 Eye Zoomed.
U2L4 Encoding Color Images
Week 13 - Monday CS 121.
Vocabulary byte - The technical term for 8 bits of data.
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
CS320n –Visual Programming
What do these words mean to you?
Looping through pixels.
Gray Scale picture def pixBW(pixel): # given a pixel, change to BW
Introduction to Media Computation
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Digital Image Processing
CSIS110 - Introduction to Computer Science
Visuals are analog signals...
Non-numeric Data Representation
Image segmentation Grey scale image Binary image
Presentation transcript:

Picture Lab

Manipulating Pictures Discussion and activities with java.awt.Color introduce students to megapixels, pixels, the RGB color model, binary numbers, bit, and byte. Processing individual pixels involves 2D array concepts: row-major order, column-major order, array of arrays, and nested loops. And more…

Intro to digital pictures and color 20 minutes – 1 hour

Picking a color Students practice making different colors using combinations of red, green, and blue light using a JColorChooser. 20 minutes – 1 hour

Exploring a picture PictureExplorer tool Pixelation 20 minutes – 1 hour

Two-dimensional arrays in Java (Optional activity) Students write methods for 2D array of integers. – Declare 2D array – Create 2D array – Get or set elements – Get number of rows/columns – Traverse in row-major and column-major order 30 minutes – 1 hour

Modifying a picture OOP Concepts 1 – 2 hours

Mirroring Loop through a range of rows and columns. 1 – 2 hours

Mirroring part of a picture Loop through a range of rows and columns. 1 hour

Creating a collage Overload copy method Modifying Mirror the resulting collage. 1 – 3 hours Collage with vertical mirror

Simple edge detection Calculate color difference with distance formula 1 – 3 hours

Extensions – in Teacher Guide Steganography Chroma key