Top Banner
Computer Graphics Department of Computer Science & Engineering Hamdard University Bangladesh Prepared By
36

Overview of Computer Graphics

Jan 21, 2017

Download

Engineering

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Overview of Computer Graphics

Computer Graphics

Department of Computer Science & Engineering

Hamdard University Bangladesh

Prepared By

Page 2: Overview of Computer Graphics

The definition of computer graphics is the technology that deals with designs and pictures on computers.

Computer graphics

2

Page 3: Overview of Computer Graphics

3

• Recognize how a visual image can be an effective means of communication

• Distinguish and interpret various types of typography.

• Utilize a broad range of type styles in combination with visual images.

• Use a computer to create and manipulate images and text for use in various

print and digital mediums.

Goals of Computer Graphics

Page 4: Overview of Computer Graphics

4

Applications of Computer Graphics

o Computational biologyo Computational physicso Computer-aided designo Digital arto Educationo Graphic designo Information visualizationo Scientific visualizationo Special Effects for cinemao Video Gameso Web designo Design

Page 5: Overview of Computer Graphics

5

Overview of Graphics Systems

• Images• Hardware

– Input Systems – Output Systems

• Software– OpenGL

Page 6: Overview of Computer Graphics

6

Two Dimensional Images

• Images (at least the ones in this class) are two dimensional shapes.

• The two axes we will label as X (horizontal), and Y (vertical). X Axis

Y

Axis

(0,0) +X

+Y

Page 7: Overview of Computer Graphics

7

Three Dimensional Images

• The three axis: X (horizontal), Y (vertical) and Z (middle).

Page 8: Overview of Computer Graphics

8

Color Model

RGB Color cube (what we use in computer graphics)

Other color spaces include HSV, CMY, and YIQ

Page 9: Overview of Computer Graphics

9

Hardware Pipeline

Input OutputComputation

We want to draw a rectangle, how do we describe it to a computer?

Model (n) - object description that a computer understands.

Page 10: Overview of Computer Graphics

10

Record every position

Bitmap - a rectangular array of bits mapped one-to-one with pixels.

Page 11: Overview of Computer Graphics

11

Position relative

Vector display system - graphical output system that was based on strokes (as opposed to pixels). Also known as: random, calligraphic, or stroke displays.

Page 12: Overview of Computer Graphics

12

Representing Objects

• Most common method is the VERTEX method. Define the object as a set of points with connectivity information.

• Why is connectivity important?

Connectivity - information that defines which vertices are connected to which other vertices via edges.

Edge - connects two vertices

Page 13: Overview of Computer Graphics

13

Input Devices

• Locator Devices• Keyboard• Scanner

– Images– Laser

• Cameras

Page 14: Overview of Computer Graphics

14

Locator DevicesWhen queried, locator

devices return a position and/or orientation.

• Tablet• Joystick• Virtual Reality Trackers

– Data Gloves– Digitizers

Page 15: Overview of Computer Graphics

15

Keyboard

• Text input– List boxes, GUI– CAD– Modeling

• Hard coded– Vertex locations are inserted into code

Page 16: Overview of Computer Graphics

16

Computation Stage

• Now that we have a model of what we want to draw, what goes on inside the computer to generate the output?

Input OutputComputation

Computation

Transformations Rasterization

Page 17: Overview of Computer Graphics

17

Computation Stage

Computation

Transformations Rasterization

Model

Transformed

Model

Output

Page 18: Overview of Computer Graphics

18

Store process in memory

We would like to allocate memory to hold the results of the computation stage.

Page 19: Overview of Computer Graphics

19

Frame buffer

Frame buffer – The picture definition is stored in a memory is called refresh or frame buffer.

Pixel - one element of the framebuffer

Page 20: Overview of Computer Graphics

20

Basic architecture of raster graphics of frame buffer

Page 21: Overview of Computer Graphics

21

Frame buffer in Memory

• If we want a frame buffer of 640 pixels by 480 pixels, we should allocate:

Frame buffer = 640*480 bits=307200 bits=38400 bytes

=38.4 kilobytes

Page 22: Overview of Computer Graphics

22

Output

• Hardcopy• Display

– Vector or random scan– Raster Scan

Input OutputComputation

Page 23: Overview of Computer Graphics

23

Image Quality Issues

• Screen resolution• Color• Blank space between the

pixels• Intentional image

degradation

• Brightness• Contrast• Refresh rate• Sensitivity of display to

viewing angle

Page 24: Overview of Computer Graphics

24

Pixels

Pixel - The pixel (a word invented from "picture element") is the basic unit of programmable color on a computer display or in a computer image.

CRT - Color triad (RGB phosphor dots) LCD - Single color element

• Screen Resolution - measure of number of pixels on a screen (m by n) m - Horizontal screen resolution n - Vertical screen resolution

Page 25: Overview of Computer Graphics

25

Raster Displays• Cathode Ray Tubes (CRTs),

most “tube” monitors. Very common, but big.

• Liquid Crystal Displays (LCDs), there are two types transmissive (laptops, new flat panel monitors) and reflective (wrist watches).

Page 26: Overview of Computer Graphics

26

Cathode Ray Tube

Page 27: Overview of Computer Graphics

27

CRT color monitor

1. Beam Penetration Method (Red & Green)2. Shadow Mask Method (RGB)

Page 28: Overview of Computer Graphics

28

CRTs

• Strong electrical fields and high voltage• Very good resolution • Heavy, not flat

Page 29: Overview of Computer Graphics

29

Liquid Crystal Displays (LCDs)

• Also divided into pixels, but without an electron gun firing at a screen, LCDs have cells that either allow light to flow through, or block it.

Page 30: Overview of Computer Graphics

30

Advantages of LCDs

• Flat • Lightweight• Low power consumption

Page 31: Overview of Computer Graphics

31

Projection Displays

• Use bright CRT or LCD screens to generate an image which is sent through an optical system to focus on a (usually) large screen.

Page 32: Overview of Computer Graphics

32

Basic Projector Designs

                                                                                     

                                                            Reflective Projection System Transmittive Projection

System

Page 33: Overview of Computer Graphics

33

Graphics Software

• Special purpose software– Excel– AutoCAD– Medical Visualization

• Programming API

Page 34: Overview of Computer Graphics

34

Computer animation is a general term for a kind of visual digital display technology that simulates moving objects on-screen.

Computer animation

Page 35: Overview of Computer Graphics

35

Displaying animation sequences

• Movies work by fooling our eyes

• A sequence of static images presented in a quick succession appears as continuous flow

Page 36: Overview of Computer Graphics

36

Displaying animation sequences

• To achieve smooth animation, a sequence of images (frames) have to be presented on a screen with the speed of at least 30 per second

• Animations frames can be – pre-computed in advance and pre-loaded in memory

– computed in real time (e.g. movement of the cursor)