CS435/535, Computer Graphics Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering...
-
Upload
bernard-johns -
Category
Documents
-
view
219 -
download
2
Transcript of CS435/535, Computer Graphics Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering...
![Page 1: CS435/535, Computer Graphics Jingyuan(Alex) Zhang Office: 3413 SEC (Science and Engineering Complex) Phone: 348-9516 Email: zhang@cs.ua.edu.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/4.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/5.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/6.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/8.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/9.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/10.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/12.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/13.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/14.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/15.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/16.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/17.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062408/56649e875503460f94b8b68a/html5/thumbnails/18.jpg)
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.