Introduction to 2D and 3D Computer Graphics

Similar documents
Lecture Notes, CEng 477

RGB Workflow Key Communication Points. Journals today are published in two primary forms: the traditional printed journal and the

Silverlight for Windows Embedded Graphics and Rendering Pipeline 1

Digital Versus Analog Lesson 2 of 2

MMGD0203 Multimedia Design MMGD0203 MULTIMEDIA DESIGN. Chapter 3 Graphics and Animations

Computer Applications in Textile Engineering. Computer Applications in Textile Engineering

ACE: Illustrator CC Exam Guide

Introduction to Computer Graphics

Digital Image Fundamentals. Selim Aksoy Department of Computer Engineering Bilkent University

Lesson 10: Video-Out Interface

Chapter 4 Windows Applications Notepad, WordPad, and Paint

Chapter 3. Application Software. Chapter 3 Objectives. Application Software

Masks. Using Quick Mask Mode. ARCH 593 Digital Image Media Handout 1.1 September 30, 2004

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

B.A IN GRAPHIC DESIGN

B2.53-R3: COMPUTER GRAPHICS. NOTE: 1. There are TWO PARTS in this Module/Paper. PART ONE contains FOUR questions and PART TWO contains FIVE questions.

WIN32TRACE USER S GUIDE

New Paltz Central School District Technology Computer Graphics 1 and 2. Time Essential Questions/Content Standards/Skills Assessments

Solomon Systech Image Processor for Car Entertainment Application

Fixplot Instruction Manual. (data plotting program)

A Basic Summary of Image Formats

Creating Slope-Enhanced Shaded-Relief Using Global Mapper

Epson 3LCD Technology A Technical Analysis and Comparison against 1-Chip DLP Technology

Computer Graphics. Anders Hast

Creating 2D Drawings from 3D AutoCAD Models

Instruction Set Architecture (ISA)

INTRODUCTION TO RENDERING TECHNIQUES

WHITE PAPER DECEMBER 2010 CREATING QUALITY BAR CODES FOR YOUR MOBILE APPLICATION

Data Storage. Chapter 3. Objectives. 3-1 Data Types. Data Inside the Computer. After studying this chapter, students should be able to:

WBU PowerPoint Guidelines

Scan-Line Fill. Scan-Line Algorithm. Sort by scan line Fill each span vertex order generated by vertex list

Image Processing and Computer Graphics. Rendering Pipeline. Matthias Teschner. Computer Science Department University of Freiburg

PDF Primer PDF. White Paper

TEACHING INTRODUCTORY COMPUTER GRAPHICS WITH THE PROCESSING LANGUAGE

Kapitel 12. 3D Television Based on a Stereoscopic View Synthesis Approach

Chapter 3. Application Software. Chapter 3 Objectives. Application Software. Application Software. Application Software. What is application software?

Office of Creative Services. Tuck Visual Identity. A reference guide to Tuck s logos and visual identification standards

IT Fundamentals of Multimedia (Optional)

Example Chapter 08-Number 09: This example demonstrates some simple uses of common canned effects found in popular photo editors to stylize photos.

Introduction to 2D and 3D Computer Graphics Mastering 2D & 3D Computer Graphics Pipelines

Screen Capture A Vector Quantisation Approach

Optimizing Adobe PDF files for display on mobile devices

3 hours One paper 70 Marks. Areas of Learning Theory

Adobe Certified Expert Program

Multimedia Images: Vector-based vs. Bitmap Graphics

Periodontology. Digital Art Guidelines JOURNAL OF. Monochrome Combination Halftones (grayscale or color images with text and/or line art)

Adobe Illustrator CS5

Graphical displays are generally of two types: vector displays and raster displays. Vector displays

Formulas, Functions and Charts

Wincopy Screen Capture

Data Storage 3.1. Foundations of Computer Science Cengage Learning

Examples. Pac-Man, Frogger, Tempest, Joust,

Windows Live Movie Maker

Step 2: Paint Your Model

Exporting PDF files from QuarkXpress 9.x

Chapter 23: Drafting in Worksheet View

NiceLabel Designers Version 6.1 Release Notes. Rev-1305

Digitisation Disposal Policy Toolkit

Certificate Courses in Animation

Getting Started with RemoteFX in Windows Embedded Compact 7

MassArt Studio Foundation: Visual Language Digital Media Cookbook, Fall 2013

3D Animation Graphic Designer

How To Teach Computer Graphics

Geography 3251: Mountain Geography Assignment III: Natural hazards A Case Study of the 1980s Mt. St. Helens Eruption

ART A. PROGRAM RATIONALE AND PHILOSOPHY

Discovering Computers Chapter 3 Application Software

ABS 731 Lighting Design & Technology. Spring 2006

Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group

University of Arkansas Libraries ArcGIS Desktop Tutorial. Section 2: Manipulating Display Parameters in ArcMap. Symbolizing Features and Rasters:

Creating a Poster Presentation using PowerPoint

Using the Game Boy Advance to Teach Computer Systems and Architecture

IMGD 1001: The Game Art Pipeline

A Short Introduction to Computer Graphics

Class: Commercial Art Grades 9-12 (Semester Course)

Drawing Lines with Pixels. Joshua Scott March 2012

Color correction in 3D environments Nicholas Blackhawk

Adobe Dreamweaver Exam Objectives

Computer Graphics and Visualization in a Computational Science Program

Creating an invitation

MASKS & CHANNELS WORKING WITH MASKS AND CHANNELS

Most laptops allow you to plug in a second monitor, which can be a TV screen or Projector I will refer to a monitor in this document.

BCC Multi Stripe Wipe

Computer Graphics Hardware An Overview

Recent Advances and Future Trends in Graphics Hardware. Michael Doggett Architect November 23, 2005

Artificial Intelligence. Class: 3 rd

CS 4204 Computer Graphics

For questions regarding use of the NSF Logo, please

Windows Presentation Foundation: What, Why and When

GPU(Graphics Processing Unit) with a Focus on Nvidia GeForce 6 Series. By: Binesh Tuladhar Clay Smith

The Adobe PostScript Printing Primer

RELEASE NOTES CameraTracker 1.0. CameraTracker Release Notes

Printing Guide. MapInfo Pro Version Contents:

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts

An Extremely Inexpensive Multisampling Scheme

DATA VISUALIZATION GABRIEL PARODI STUDY MATERIAL: PRINCIPLES OF GEOGRAPHIC INFORMATION SYSTEMS AN INTRODUCTORY TEXTBOOK CHAPTER 7

Simple Image File Formats

Cross-Hatched Rendering for the Apple II in Bmp2DHR The Art of Orderly Rendering and Disorderly Dithering

Transcription:

Introduction to 2D and 3D Computer Graphics Understanding Raster Architectures Introduction to raster graphics: Pixels & bitmaps Block moves & raster operations Drawing modes and transparency Pipeline Discuss Programming Project, Selection of Groups, and Research Work Questions? CS447/547 2-1

Introduction to 2D and 3D Computer Graphics The objective for today s lecture is to examine what is going on at a fairly low-level when we request a drawing operation to be performed. Please note, you are definitely NOT restricted to just manipulating pixels at this low-level in your projects We will move rather quickly through the material and also cover material from packet #1 today. If time, a scientific visualization video will give us insights as to when voxels (low-level) versus object models (higher level should be used CS447/547 2-2

Some Thoughts Like programming methodologies raster graphics must be examined in relation to its underlying semantics how do we justify what is good or realistic the perceived quality of rendering can depend on our perception, the evaluation criteria, the viewing monitor (is it properly adjusted), the viewing-room illumination, depth of the pixmap CS447/547 2-3

Some Thoughts n In addition, CS447/547 2-4 just because a graphics system performs an operation that is desired, it may not perform that operation in the fashion desired therefore, we must look beyond the surface and examine the underlying semantics behind each and every operation for example, are line segment endpoint s included in the line segment drawn? (Sproull says : yes )

Pixels Pixels... CS447/547 2-5...are the smallest addressable unit on a raster graphics device...can be thought of as an individually-addressable dot...stands for: picture element...are grouped into rectangular arrays creating raster output Monochrome is "1-bit per pixel" For devices supporting shades of gray or color......pixels are considered to have depth

Pixels Pixels... CS447/547 2-6...are the smallest modifiable element of a raster device...are device-dependent...have a 1-to-1 correspondence with the device coordinates of a raster device...contain one or more bits of information...can independently be assigned a value representing an intensity or a color

Pixels -- Shape When pixels are circular......no distortion occurs CS447/547 2-7

Pixels -- Shape When pixels are elliptical......distortion can occur (implicit display xform)...functions that use device coordinates are affected CS447/547 2-8

Pixels -- Location relative to coordinates Pixels on device coordinates Pixels between device coordinates CS447/547 2-9

Pixels -- Location relative to coordinates For lines: Pixels on device coordinates Pixels between device coordinates CS447/547 2-10

Pixels -- Location relative to coordinates Guidelines for areas results in......the same number of pixels: Pixels on device coordinates Pixels between device coordinates CS447/547 2-11

Pixels -- Location relative to coordinates Not using these guidelines for areas results in......different number of pixels: Pixels on device coordinates Pixels between device coordinates CS447/547 2-12

Resolution Resolution......on a raster graphics device is a measure of the number of pixels per unit of distance along the X and Y dimensions...is not necessarily the same in the X and Y dimensions...can be, for example, 1024x768 (1K by 768), 2Kx2K, etc. CS447/547 2-13

Bitmaps A bitmap is a region of computer memory containing pixels Bitmaps can be......displayable bitmaps...nondisplayable bitmaps...application-created bitmaps...drawing bitmaps CS447/547 2-14

Bitmaps Bitmaps... CS447/547 2-15...are uniquely identified by an identifier...are therefore distinguishable...are controllable by the application Bitmaps can be......created...deleted...selected to be displayed out of...selected to be drawn into

Bitmaps - Displayable Displayable bitmaps... CS447/547 2-16...can be displayed on the display surface of a raster device...are predefined by the implementation...can also be created by the application...always exist...support color the same as the physical device: - direct - indexed

Bitmaps - Nondisplayable Nondisplayable bitmaps... CS447/547 2-17...cannot be displayed on the display surface of a device...may need to be copied to a displayable bitmap to be seen...are not predefined by the implementation...can be created by the application Two types of nondisplayable bitmaps exist...full depth, indexed

Bitmaps - Full depth nondisplayable Full depth bitmaps have the......same number of bits per pixel as displayable bitmaps...same color capabilities as displayable bitmaps (either direct color or indexed color) Full depth bitmaps are useful when the implementation cannot create additional displayable bitmaps CS447/547 2-18

Bitmaps - Mapped nondisplayable Mapped bitmaps have......only one bit per pixel...a foreground value...a background value Mapped bitmaps are useful for storing graphics with only foreground and background information CS447/547 2-19

Bitmaps - Mapped nondisplayable For example, a mapped bitmap is an efficient way to store information such as bitmap character fonts, hatch styles, and black and white patterns CS447/547 2-20

Bitmaps - Mapped nondisplayable The background color......specifies the color that will be saved as the background value when writing into a mapped bitmap...saves all other colors as the foreground value when writing into a mapped bitmap...specifies the color that the background value will assume when reading from a mapped bitmap CS447/547 2-21

Bitmaps - Mapped nondisplayable The foreground color......specifies the color that the foreground value will assume when reading from a mapped bitmap Colors can be lost when stored in a mapped bitmap CS447/547 2-22

Bitmaps - Drawing The drawing bitmap......is the bitmap into which pixels are written...can be either displayable or nondisplayable...cannot be seen unless it is also selected to be the display bitmap as well The drawing bitmap may be different than the bitmap being displayed CS447/547 2-23

Raster Operations Raster operation functions... (rasterops)...manipulate rectangular regions of pixels Raster operation functions are......bitblt functions...pixel array functions Bitblt functions move and combine rectangular regions of pixels between bitmaps CS447/547 2-24

Raster Operations Pixel array functions move or combine rectangular regions of pixels between a bitmap and an array RASTER OPERATION FUNCTIONS OPERATE ON PIXEL DATA. THEY DO NOT MANIPULATE GRAPHIC OBJECTS. THERE IS NO INHERENT STRUCTURE ASSOCIATED WITH THE DATA ON WHICH THEY OPERATE CS447/547 2-25

Raster Operations -- Bitblts Bitblt functions... (we called them pixblt)...combine rectangular regions of pixels from......one or two source bitmaps to......a destination bitmap The source bitmap can be any bitmap......displayable...full depth nondisplayable...mapped nondisplayable CS447/547 2-26

Raster Operations - Source Destination Bitblts Two-operand bitblt has......one source bitmap...one destination bitmap The pixels from the source bitmap are moved to and combined with pixels in the destination bitmap starting at the destination origin point CS447/547 2-27

Raster Operations - Source Destination Bitblts Three-operand bitblt has......one source bitmap...one pattern bitmap...one destination bitmap CS447/547 2-28

CS447/547 2-29 Using Raster Graphics Raster Operations - Source Destination Bitblts Drawing Mode = OR; Transparency = OPAQUE

CS447/547 2-30 Using Raster Graphics Raster Operations - Three Operand Bitblts Drawing Mode = OR; Transparency = OPAQUE

Drawing Modes Drawing modes specify how pixels representing a graphic object are combined with pixels in the drawing bitmap during rendering Drawing modes... CS447/547 2-31...work with a source pixel (value of the pixel representing the graphic object)...destination pixel (value of the pixel in the drawing bitmap before combination with the graphic object)

Drawing Modes Drawing mode combines the source and destination pixels and places the result in the drawing bitmap Three common drawing mode classes are......booleanop...additiveop...comparativeop CS447/547 2-32

Drawing Modes - BOOLEANOP 0) d' = 0 1) d' = s AND d 2) d' = s AND (NOT d) 3) d' = s 4) d' = (NOT s) AND d 5) d' = d 6) d' = s XOR d 7) d' = s OR d CS447/547 2-33 s = source pixel d = destination pixel before operation d' = destination pixel after operation

Drawing Modes - BOOLEANOP CS447/547 2-34 8) d' = NOT (s OR d) 9) d' = NOT (s XOR d) 10) d' = NOT d 11) d' = s OR (NOT d) 12) d' = NOT s 13) d' = (NOT s) OR d 14) d' = NOT (s AND d) 15) d' =1

CS447/547 2-35 Using Raster Graphics Drawing Modes - BOOLEANOP

CS447/547 2-36 Using Raster Graphics Transparency Examples

Transparency Examples Using Opaque Transparency CS447/547 2-37

Transparency Examples Using Transparent Transparency CS447/547 2-38

Raster Pipeline Components common with 2D and 3D graphic object pipelines Colour Table Drawing Surface Clipping Apply Gr aphic Objects Apply Render Physically Apply Implicit Display Transformation Display Surface Echo CS447/547 2-39

Raster Pipeline - Drawing bitmap connection - Display bitmap connection - Raster operation source bitmap connection Drawing Surface Clipping Displayable Bitmap Colour Table Apply Gr aphic Objects Apply Render Physically Displayable Bitmap Apply Implicit Display Transformation Drawing Bitmap Display Bitmap Display Surface Non Displayable Bitmap Echo CS447/547 2-40 Non Displayable Bitmap

Raster Pipeline Example: bitmap connections - Drawing bitmap connection - Display bitmap connection - Raster operation source bitmap connection Drawing Surface Clipping Displayable Bitmap Colour Table Apply Gr aphic Objects Apply Render Physically Displayable Bitmap Apply Implicit Display Transformation Drawing Bitmap Display Bitmap Display Surface PIXEL ARRAY Function BITBLT Functions Non Displayable Bitmap Non Displayable Bitmap Source Bitmap(s) Echo GET PIXEL ARRAY Function CS447/547 2-41