graphics graphics lab @ korea university cgvr.korea.ac.kr introduction to computer graphics

33
Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

Upload: jeffry-oconnor

Post on 11-Jan-2016

289 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

Graphics

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Introduction to Computer Graphics

Page 2: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Computer Graphics?

ImageMathematical

Model

Image Analysis(pattern recognition,Computer Vision)

Computer Graphic

Modeling Image processing

Page 3: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example

Courtesy of Tippet Studio

Page 4: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example

Courtesy of Tippet Studio

Page 5: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Bugs:

Courtesy of Tippet Studio

Page 6: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example The Final Stage: Burning the bugs

Courtesy of Tippet Studio

Page 7: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 8: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 9: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 10: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 11: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 12: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 13: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (1/2)

Definition Producing pictures or images using a computer

Example Batman & Robin: The Love Dust

Courtesy of Buf Compagnie

Page 14: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What is Computer Graphics? (2/2)

Imaging Representing 2D images

Modeling Representing 3D objects

Rendering Constructing 2D images from 3D models

Animation Simulating changes over time

Page 15: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Applications

Display of Information Design Simulation Computer Art Entertainment

Page 16: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Display of Information

Graphics for Scientific, Engineering, and Medical Data

Medical ImageNebula

Page 17: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Design

Graphics for Engineering and Architectural System

Design of Building, Automobile, Aircraft, Machine etc.

AutoCAD 2002 Interior Design

Page 18: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Simulation

Computer-Generated Models of Physical, Financial and Economic Systems for Educational Aids

Flight Simulator Mars Rover Simulator

Page 19: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Computer Art

Graphics for Artist

Metacreation Painter

Page 20: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Entertainment

Graphics for Movie, Game, VR)Virtual Reality) and etc.

Final FantasyOnline Game

Page 21: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Representations in graphics

Vector Graphics Image is represented by continuous geometric

objects: lines, curves, etc.

Raster Graphics Image is represented as an rectangular grid of

coloured squares

Page 22: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Vector graphics

Graphics objects: geometry + colour Complexity ~ O(number of objects) Geometric transformation possible without

loss of information (zoom, rotate, …) Diagrams, schemes, ... Examples: PowerPoint, CorelDraw, ...

Page 23: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Raster graphics

Generic Image processing techniques Geometric Transformation: loss of information Complexity ~ O(number of pixels) Jagged edges, anti-aliasing Realistic images, textures, ... Examples: Paint, PhotoShop, ...

Page 24: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Vector Graphics Hardware

V E C T O R

Display Controller

continuous & smooth linesno filled objectsrandom scanrefresh speed depends on complexity of the scene

Page 25: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Raster Graphics Hardware

Video Controller

jaggies (stair casing)filled objects(anti)aliasing

R A S T E R

refresh speed independent of scene complexitypixel

scan conversionresolutionbit planes

Page 26: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Generating graphics

Special-purpose programs Photoshop, Powerpoint, AutoCAD, StudioMax,

Maya, Blender, PovRay, …

General graphics libraries and standards Windows API, OpenGL, Direct3D,…

Page 27: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

What’s Our Scope?

Not a Tutorial on Commercial Software 3DMax, Maya, Photoshop, etc.

Not about Graphics Business 3D online-game, E-commerce, etc.

Graphics = Algorithm for Visual Simulation Imaging, Modeling, Rendering, Animation

Page 28: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

CG standards

Set of graphics functions, to be called from programming language

Access to and abstract from hardware Standardization

1975 From 2000

Display

Drivers

CG API

Input dev.

C, C++, Java, Delphi,…

Display Input dev.

Fortran, Pascal, …

Page 29: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Functions

Graphics Output Primitives Line, polygon, sphere, …

Attributes Color, line width, texture, …

Geometric transformations Modeling, Viewing

Shading and illumination Input functions

Page 30: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Textbook

Computer Graphics

C Version

D. Hearn and M. P. Baker 2nd Edition PRENTICE HALL

Page 31: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Schedule

1st week Introduction to Computer Graphics Chapter 1

2nd week Mathematics for Computer Graphics Appendix A

3rd week Output Primitives Chapter 3

4th week Attributes of Output Primitives Chapter 4

5th week 2D Geometric Transformations Chapter 5

6th week 2D Viewing Chapter 6

7th week Midterm  

8th week Term Project Proposal Presentation  

9th week 3D Object Representations Chapter 10

10th week 3D Geometric and Modeling Transformations Chapter 11

11th week 3D Viewing Chapter 12

12th week Illumination Models Chapter 14

13th week Surface-Rendering Methods Chapter 14

14th week Visible-Surface Detection Methods Chapter 13

15th week Computer Animation Chapter 16

16th week Final  

17th week Term Project Demo  

Page 32: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Assignments

Every 3 weeks #1: 2D drawing #2: 2D transformations #3: image enhancment

Windows Programming C and C++ or Java Not Using Graphics Library (OpenGL, DirectX, Java3D, etc.)

Page 33: Graphics Graphics Lab @ Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR

Graphics Lab @ Korea University

cgvr.korea.ac.kr

Secrets for Success

Learn the Math and NOT JUST the HACKS

THINK before You Code

Try to Develop Visual Debugging Skills

Seek the Help It’s too Late