Computer Graphics - Introduction

Computer Graphics

Lecture 01 – Introduction

Edirlei Soares de Lima

<edirlei.lima@universidadeeuropeia.pt>

What is Computer Graphics?

•

The term computer graphics describes

any use of computers to create and

manipulate images [Marschner, S., et

al., 2015].

Computer graphics is the science and

art of communicating visually via a

computer’s display and its interaction

devices [Hughes, J. F., et al., 2013].

What is Computer Graphics?

•

Computer graphics is a cross-disciplinary field:

–

Physics (e.g.: model light behavior);

Mathematics (e.g.: describe shapes);

Human Perception (e.g.: only render things that will be

noticed);

–

Human-Computer Interaction (e.g.: interaction devices);

Engineering (e.g.: optimize allocation of memory, and

processor time);

–

Graphic Design and Art (e.g.: make the computer-to-

human communication more effective);

What is Computer Graphics?

Geometric Modeling

Data

Rendering and

Computer Vision

Animation

Image

Image Processing

Computer Graphics Areas

•

Modeling: Deals with the mathematical specification of shape

and appearance.

–

Definition of surface, interpolation rules, reflection models.

Computer Graphics Areas

•

Rendering: Term inherited from art – create shaded images

from 3D computer models.

–

Many techniques and styles of rendering.

Computer Graphics Areas

•

Animation: technique to create an illusion of motion through

sequences of images.

–

Time is a key issue, not usually dealt with in basic modeling and

rendering.

Computer Graphics Areas

•

Image processing: deals with the manipulation of 2D images

and is used in both the fields of graphics and vision.

Computer Graphics Areas

•

Virtual reality: attempts to immerse the user into a 3D virtual

world.

–

Typically requires at least stereo graphics and response to head

motion.

Computer Graphics Areas

•

3D scanning: uses range-finding technology to create

measured 3D models.

Computer Graphics Areas

•

Computational photography: explores the use of computer

graphics, computer vision, and image processing methods to

enable new ways of photographically capturing objects,

scenes, and environments.

Applications – Video Games

•

Video games increasingly use sophisticated 3D models and

rendering algorithms.

Applications – Cartoons

•

Cartoons are often rendered directly from 3D models.

–

Many traditional 2D cartoons use backgrounds rendered from 3D

models.

Applications – Visual Effects

•

Visual effects use almost all types of computer graphics

technology.

–

Superimpose backgrounds with separately filmed foregrounds.

–

Synthetic environments, objects, and even characters.

Applications – Animated Films

•

Animated films use many of the same techniques that are

used for visual effects, but without necessarily aiming for

images that look real.

Applications – CAD/CAM

•

Computer-Aided Design and Computer-Aided Manufacturing

use computer technology to design parts and products on the

computer to guide the manufacturing process.

Applications – Simulation

•

Simulation can be thought of as accurate video gaming.

Applications – Medical Imaging

•

Medical imaging creates meaningful images of scanned

patient data.

Applications – Information Visualization

•

Information visualization creates images of data that do not

necessarily have a “natural” visual representation.

Graphics Hardware

•

Computer hardware and software (graphics card and device

driver) that generates computer graphics and allows them to

be shown on a display.

The processors on GPUs are highly parallel and support

thousands of concurrent threads.

–

The hardware is designed to process larger numbers of pixels and

vertices in short amounts of time.

Graphics APIs

•

A graphics API (Application Program Interface) is a set of

functions that perform basic operations such as drawing

images and 3D surfaces into windows on the screen.

–

Graphics APIs vs User-Interface APIs.

Dominant Graphics APIs: Direct3D and OpenGL.

Graphics Pipeline

•

The Graphics Pipeline is a special software/hardware

subsystem that efficiently draws 3D primitives on screen.

–

Is optimized for processing 3D triangles with shared vertices.

The basic operations in the pipeline map the 3D vertex

locations to 2D screen positions and shade the triangles so

that they both look realistic and appear in proper back-to-

front order.

–

Geometric manipulation using matrices and vectors.

•

The speed at which images can be generated depends

strongly on the number of triangles being drawn.

Rendering

•

Example of 3D data (.obj file format):

v -0.402936 -0.094247 0.152067

v -0.145051 -0.129821 0.323038 ← vertices

v 0.156651 -0.106614 0.313985

...

vt 0.321778 0.604842

vt 0.305640 0.547919

vt 0.317529 0.539270

←

texture mapping

coordinates

...

vn -0.7273 0.6863 0.0002

vn -0.8335 0.5525 -0.0009

vn -0.7615 0.4492 0.4671

←

vertex normals

...

f 217/1/1 397/2/2 178/3/3 58/4/4

f 11/5/5 169/6/6 184/7/7 62/8/8

f 165/9/9 10/10/10 59/11/11 180/12/12

←

faces (vertex index/texture index/

normal index)

Raster Images

•

Most computer graphics images are

presented to the user on some kind of raster

display.

–

Raster displays show images as rectangular arrays

of pixels.

–

Different colors are achieved by mixing varying

intensities of red, green, and blue light.

A raster image is simply a 2D array that stores

the pixel value for each pixel—usually a color

stored as three numbers, for red, green, and

blue (RGB model).