cs435/535, computer graphics jingyuan(alex) zhang office: 3413 sec (science and engineering...

18
CS435/535, Computer Graphics http://cs435.cs.ua.edu Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: [email protected] Home Page: http://cs.ua.edu/~zhang Office Hours: 12:00-1:00pm MWF

Upload: bernard-johns

Post on 12-Jan-2016

219 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

CS435/535, Computer Graphics http://cs435.cs.ua.edu

Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering

Complex)Phone:  348-9516

Email:  [email protected]  Home Page: http://cs.ua.edu/~zhang Office Hours: 12:00-1:00pm MWF

Page 2: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

What is Computer Graphics?

• Computer graphics deals with all aspects of creating images with a computer– Hardware– Software– Applications

Page 3: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Image Formation

Page 4: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

A Graphics System

Page 5: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

CRT (Cathode-Ray Tube)

Page 6: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Color CRT

Page 7: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Flat Panel Display

Page 8: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Taking a Picture

Page 9: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Modeling

Page 10: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Placing the camera

Page 11: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Camera Specification (Perspective)

Page 12: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Projection

Page 13: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Clipping

Page 14: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Rasterization

Page 15: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Graphics Pipeline

Page 16: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Shading Language

• Vertex Shader

• Fragment Shader

Page 17: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Misc

• Course home page: http://cs435.cs.ua.edu

• Syllabus

• Attendance sheet

Page 18: CS435/535, Computer Graphics  Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu

Assignment (no credit)

• Find a web browser that supports HTML5 (Chrome, Firefox, Safari, Internet Explorer).

• Go to http://www.cs.unm.edu/~angel/BOOK/INTERACTIVE_COMPUTER_GRAPHICS/SEVENTH_EDITION/CODE/, and download angelCommon.zip under the Common directory, and extract all files. Change the angelCommon directory name to Common.

• Download angelChap2.zip under the 02 directory, and extract all files. Test gasket1.html with your web browser.