Chapter 2 Getting Started: Drawing Figures. The Framebuffer Lecture 2 Fri, Aug 29, 2003.

Slides:



Advertisements
Similar presentations
Computer Graphics- SCC 342
Advertisements

Lecture 2 Concepts, Terms and Definitions. Display Devices They are divided into a lot of small squares called pixels (“PICture ELements”). Each pixel.
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.
1 Chapter 2 The Digital World. 2 Digital Data Representation.
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
Chapter 1_2 Becoming Skilled at Information Technology.
Sep 21, Fall 2005ITCS4010/ Computer Graphics Overview Color Displays Drawing Pipeline.
Sep 21, Fall 2006IAT 4101 Computer Graphics Overview Color Displays Drawing Pipeline.
IAT 3551 Computer Graphics Overview Color Displays Drawing Pipeline.
1 King ABDUL AZIZ University Faculty Of Computing and Information Technology CS 454 Computer graphicsIntroduction Dr. Eng. Farag Elnagahy
Image Representation.
Ch 1 Intro to Graphics page 1CS 367 First Day Agenda Best course you have ever had (survey) Info Cards Name, , Nickname C / C++ experience, EOS experience.
CS 4731: Computer Graphics Lecture 21: Raster Graphics Part 2 Emmanuel Agu.
Images: Pixels and Resolution Monica A. Stoica, Boston University Books used: “The Essential Guide to Computing” by E. Garrison Walters.
Bitmapped Images 27 th November 2014 With Mrs
Raghu Machiraju Slides: Courtesy - Prof. Huamin Wang, CSE, OSU
1 Internet Graphics. 2 Representing Images  Raster Image: Images consist of “dots” of color, not lines  Pixel: Picture element-tiny rectangle  Resolution:
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Basics of a Computer Graphics System Introduction to Computer Graphics CSE 470/598 Arizona State University Dianne Hansford.
Lecture 03 Fasih ur Rehman
GCSE Computing#BristolMet Session Objectives#9 MUST identify the data needed for a computer to display an image correctly (metadata) SHOULD describe the.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Tools for Raster Displays CVGLab Goals of the Chapter To describe pixmaps and useful operations on them. To develop tools for copying, scaling, and rotating.
Raster-scan system In addition to the central processing unit a special purpose processor called the video controller or display controller is used to.
Lecture No. 3.  Screen resolution  Color  Blank space between the pixels  Intentional image degradation  Brightness  Contrast  Refresh rate  Sensitivity.
 Refers to sampling the gray/color level in the picture at MXN (M number of rows and N number of columns )array of points.  Once points are sampled,
Video Monitor Uses raster scanning to display images –Beam of electrons illuminates phosphorus dots on the screen called pixels. Starting at the top of.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
© 1999 Rochester Institute of Technology Introduction to Digital Imaging.
Computer Graphics Lecture 04 Fasih ur Rehman. Last Class Overview of Graphics Systems – Display Devices Colors and colored displays Raster displays and.
Video Video.
Advanced Computer Graphics Depth & Stencil Buffers / Rendering to Textures CO2409 Computer Graphics Week 19.
Using the JImageViewer classes. JImageViewer classes JImageViewer class JImageViewer class ImagePanel class ImagePanel class Image class Image class.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Lecture 4 Pixels, Images and Image Files 1. In this Lecture, you will learn the following concepts: Image files (in particular, the BMP file format) How.
1 COMS 161 Introduction to Computing Title: Digital Images Date: November 12, 2004 Lecture Number: 32.
GDI+ 1. Objectives 2 GDI+ class  Create and render Graphic  Display information on the computer screen, printer 3.
Agenda Last class: Memory, Digitizing Numbers Today: Digitizing: Text
1 Computer Graphics Week2 –Creating a Picture. Steps for creating a picture Creating a model Perform necessary transformation Lighting and rendering the.
Graphics An image is made up of tiny dots called pixels (“picture elements”) The resolution determines the.
Lecture 7: Intro to Computer Graphics. Remember…… DIGITAL - Digital means discrete. DIGITAL - Digital means discrete. Digital representation is comprised.
Graphics: Conceptual Model Real Object Human Eye Display Device Graphics System Synthetic Model Synthetic Camera Real Light Synthetic Light Source.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
DATA REPRESENTATION CHAPTER DATA TYPES Different types of data (Fig. 2.1) The computer industry uses the term “MULTIMEDIA” to define information.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
Beam Penetration & Shadow Mask Method
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
Computer Fundamentals MSCH 233 Lecture 5. The Monitor A Monitor is a video screen that looks like a TV. It displays both the input data and instructions,
Graphics in a computers memory How a picture (i.e. a graphic) is stored in a computers memory A computer screen is made up of little dots, called PICture.
Color spaces. Draw Buffers Color models. Mathmatical Protocols for defining colors with numbers  RGB Red, Green, Blue  HSV Hue, Saturation, Value(Brightness)‏
Digital Images and Digital Cameras take notes in your journal.
1. Cathode Ray Tubes (CRTs) TVs, RGB monitors, o-scopes Flat-Panel Displays PDAs, laptops, calculators, digital watches 2.
Sci Vis I Exam Review Most Missed Review Questions.
TOPIC 4 INTRODUCTION TO MEDIA COMPUTATION: DIGITAL PICTURES Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach.
Week 9 Monitors and output to the screen. Monitors, also known as Visual display units (V.D.Us) Desktop computers contain a Cathode Ray Tube (C.R.T.)
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
Computer Graphics (Fall 2003) COMS 4160, Lecture 5: OpenGL 1 Ravi Ramamoorthi Many slides courtesy Greg Humphreys.
Computer Graphics: An Introduction
Images Data Representation.
Data Representation Images.
Image Processing Objectives To understand pixel based image processing
Computer Graphics Lecture 3 Computer Graphics Hardware
Binary Notation and Intro to Computer Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Programming Graphic LCD
Programming Graphic LCD
Programming Graphic LCD
The Framebuffer 1 Lecture 37 Fri, Nov 30, 2007.
Year 8 Unit 2 Bitmap Graphics
Presentation transcript:

Chapter 2 Getting Started: Drawing Figures

The Framebuffer Lecture 2 Fri, Aug 29, 2003

The Viewport The viewport is the computer screen. More specifically, it is the portion that is inside the program’s window. It consists of a rectangular array of pixels. Typical screen sizes 800 x x x x 1200

Pixels Black and White Monitors Each pixel is either black or white, or Each pixel produces a single gray level determined by the brightness of the pixel. Color Monitors Each pixel has three components (red, green, blue) that together determine the color and brightness.

The Framebuffer The framebuffer consists of several buffers.framebuffer The color buffer. The depth buffer. The stencil buffer. The accumulation buffer. Not every computer has all of these buffers.

The Color Buffer We will use only the color buffer and the depth buffer. Most color buffers contain 3 bytes per pixel. 1 byte for each of the colors red, green, and blue. The depth buffer contains one 32-bit floating-point value per pixel.

The Color Buffer On many computers the color buffer includes an additional byte representing opaqueness. This value is called “alpha.”  = 1.0 – completely opaque.  = 0.0 – completely transparent.

The Color Buffer For a simple black and white monitor, only one bit per pixel is required. 1 bit: 0 = black, 1 = white. Or there could be gray levels. 4 bits: 16 gray levels. 8 bits: 256 gray levels.

The Color Buffer Color monitor. 16 bits: red (5 bits), green (6 bits), blue (5 bits).  2 16 = colors. 24 bits: red, green, blue (8 bits each).  2 24 = 16 million colors.

Example A picture

The Illusion of Roundness

The Color Buffer On most LCD displays and on many monitors, a color pixel consists of three separate colors.

The Color Buffer

The standard on most computers is 24 color bits per pixel. Framebuffer size. 800 x 600 = pixels = 1.4 Mb x 768 = pixels = 2.3 Mb x 1024 = pixels = 3.8 Mb x 1200 = pixels = 5.6 Mb.

The Color Buffer To store a movie with 60 frames per second would require from 5 to 20 gigabytes of storage for every one minute of the movie. How is it possible to store a two-hour movie on a DVD?

The Framebuffer Most computers provide a double buffer. While one buffer is displayed, the next frame is being drawn in the other buffer. This techniques eliminates flicker in animations. It also doubles the memory requirements.

The Framebuffer Requirements of the framebuffer memory. Very fast, and therefore very expensive. Able to refresh the screen independently of the CPU at 60 fps.