Top Banner
COMP4070 Computer Graphics Dr. Amy Zhang
43

COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2 Introductions Administrative Matters Course Outline What is Computer Graphics?

Dec 26, 2015

Download

Documents

Jack Mitchell
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: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

COMP4070 Computer Graphics

Dr. Amy Zhang

Page 2: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Welcome!

2

Introductions Administrative Matters Course Outline What is Computer Graphics?

Page 3: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

About us…

3

Dr. Amy Zhang [email protected] E408-R6 3620632

Mr. Mike Huang [email protected] E408-H1 3620614

• Course websitewww.uic.edu.hk/~amyzhang/teaching/comp4070

Page 4: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

About you…

4

What is your name? Where do you come from? What are your experiences on computer

graphics? What do you want to learn from this course?

Page 5: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Outline Introductions Administrative Matters Course Outline Applications of Computer Graphics

5

Page 6: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Lectures and Tutorials

6

Lectures Tuesday 17:00-17:50 pm B203 Friday 8:00-9:50 am B202

Tutorials Will be announced later Usually weekly - exceptions will be announced

Page 7: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

What do you need to know?

7

A programming language in the C-family C / C++ All Assignments need to be submitted in C / C++

NOT Graphics / OpenGL / linear algebra We will cover what you need in class

Page 8: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Reference books

8

• Computer Graphics Using OpenGL, by Francis S. Hill, Jr., 2nd or 3rd edition, Prentice Hall, ISBN: 0023548568.

• OpenGL Programming Guide, Fourth Edition: The Official Guide to Learning OpenGL, Version 1.5, by Woo et al., Addison Wesley, ISBN: 0201604582.

Page 9: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Required Software

9

Microsoft Visual Studio 2008 or 2010 http://www.microsoft.com/express/Downloads/#2010-Visual-CPP

Your finished programs must compile and run under Windows OS You can use UNIX, Linux, or Mac OS X for

development, but we don’t support them

Page 10: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Grading

10

The final grade depends on: Continuous assessment: 50%

Assignment average: 40%Midterm test: 10%

Final exam: 50%

Page 11: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Assignment

11

About 6 short programming assignments: 1 student independently Submit via email The deadline is non-negotiable

Page 12: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Academic Honesty

12

You must identify code that is not your own Mention original author(s) in source or README

files Do not remove original headers! Do not collaborate with other students

Page 13: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Outline

13

Introductions Administrative Matters Course Outline Applications of Computer Graphics

Page 14: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

What is this course about? Basic goal: Teach you the fundamentals for

writing your own graphics applications We want you to:

learn how to programming in OpenGL understand computer graphics concepts have some fun!

14

Page 15: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Examples

15

Page 16: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Offline Rendering 8 Years Ago

Shrek, PDI Dreamworks16

Page 17: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Interactive 8 Years Ago

Quake 3, id software17

Page 18: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Modern Offline Rendering

18

Page 19: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Modern Offline Rendering

Cars, Pixar19

Page 20: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Modern Interactive Rendering

Project Gotham Racing

20

Page 21: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

What happened in the past 8 years? Interactive is delivering near-offline quality

1,000,000x faster GPUs have taken advantage of semiconductor

trends to deliver performance GPU strengths/weaknesses have sparked

innovation in algorithms and software

21

Page 22: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Trends: Moore’s law

22

Page 23: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

PC Architecture

23

Page 24: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

GPU Programming

Nvidia, EG 2004

24

Page 25: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

How to get from here to here?

25

Page 26: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

Application

Command

Geometry

Rasterization

Fragment

Display

CPU

GPU

26

Page 27: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

Quake 3: define game behavior networking user input events sound processing game AI game physics

Application

Command

Geometry

Rasterization

Fragment

Display27

Page 28: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

Quake 3: send OpenGL

commands

OpenGL driver: process GL command

stream talk to GPU

Application

Command

Geometry

Rasterization

Fragment

Display28

Page 29: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

GPU: vertex

transformations vertex lighting Clipping primitive assembly

Application

Command

Geometry

Rasterization

Fragment

Display29

Page 30: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

GPU: convert triangles to

fragments tex coordinate

interpolation color interpolation

Application

Command

Geometry

Rasterization

Fragment

Display30

Page 31: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

GPU: Texturing depth test color blending

Application

Command

Geometry

Rasterization

Fragment

Display31

Page 32: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

The Graphics Pipeline

Application

Command

Geometry

Rasterization

Fragment

Display

id software

32

Page 33: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Ray Tracing

33

Page 34: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

What we will cover• Principles of graphics programming using

OpenGL– Interactive 3D graphics– Details of OpenGL graphics pipeline– Special effects (bump mapping, etc.)

• Principles of ray tracing– Off-line photorealistic 3D graphics

• Fundamentals of computer graphics– Light & color, camera models, Bézier splines, etc.

34

Page 35: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Outline Introductions Administrative Matters Course Outline Applications of Computer Graphics

35

Page 36: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Movies & Games

36

Page 37: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

VisualizationDemo

37

Page 38: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Digital Photography & Video

38 panorama

Page 39: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Computer Aided Design (CAD)

39

Page 40: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Virtual and Augmented Reality

40

Page 41: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Art

Artificial Evolution for Computer GraphicsKarl Sims, SIGGRAPH ’91

Steven Parentehttp://www.alohablooms.com/atomica1.html

41

Page 42: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

What is Computer Graphics? Creating real and fantasy worlds Gaining insights into data Improving photography & video Designing new products Augmenting & escaping reality Creating works of art

42

Page 43: COMP4070 Computer Graphics Dr. Amy Zhang. Welcome! 2  Introductions  Administrative Matters  Course Outline  What is Computer Graphics?

Links

43

Face morphing: http://www.tudou.com/programs/view/xGw9kJCPwco/ http://www.tudou.com/programs/view/mJF4LQtkIm4/

Panorama: http://panorama.firmtools.com/download/

Holographic imaging: http://v.ku6.com/show/pvP32qh1vf2YpTH6.html