CS559: Computer Graphics Lecture 19: Curves Li Zhang Spring 2008.
CS559: Computer Graphics
description
Transcript of CS559: Computer Graphics
![Page 1: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/1.jpg)
CS559: Computer Graphics
Lecture 1 IntroductionLi Zhang
University of Wisconsin, Madison
![Page 2: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/2.jpg)
Today
• Introduction to Computer Graphics• Course Overview
![Page 3: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/3.jpg)
What is Computer Graphics
• Using computers to generate and display images• Core areas– Modeling• lighting, shape, reflectance …
– Rendering• math models -> images
The Digital Michelangelo ProjectStanford University
![Page 4: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/4.jpg)
What is Computer Graphics
• Using computers to generate and display images• Core areas– Modeling• lighting, shape, reflectance …
– Rendering• math models -> images
– Animation• how things change
Park and Hodgins, SIGGRAPH 2006
![Page 5: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/5.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing
Image Analogies, Hertzmann et al, SIGGRAPH 2001
![Page 6: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/6.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing
Motion Deblurring, Shan et al, SIGGRAPH 2008
![Page 7: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/7.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing
Image Analogies, Hertzmann et al, SIGGRAPH 2001
![Page 8: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/8.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing– 3D photography
Cyberware
![Page 9: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/9.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing– 3D photography
Motion Capture
![Page 10: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/10.jpg)
What is Computer Graphics• Using computers to generate and display images• Related areas– Image processing– 3D photography– Visualization
PV-Wave, Visual Numerics
![Page 11: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/11.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing– 3D photography– Visualization– Virtual reality
U.S. Navy personnel using a VR parachute trainerhttp://en.wikipedia.org/wiki/Virtual_reality
![Page 12: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/12.jpg)
What is Computer Graphics
• Using computers to generate and display images• Related areas– Image processing– 3D photography– Visualization– Virtual reality– User interaction
Freeform from Sensible TechnologiesJ. Hodgins, Computer Graphics, Fall 2007
![Page 13: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/13.jpg)
Why do we care?
• Applications are cool– Create Fantasy World
Graphique3d.republika.pl
![Page 14: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/14.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies
Avatar
![Page 15: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/15.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies
Pirates of the Caribbean
![Page 16: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/16.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies
Finding Nemo
![Page 17: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/17.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies
Star War, Episode I, Lucas Film
![Page 18: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/18.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design
Icadsolutions.com
Missler Software
![Page 19: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/19.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture
Jingyi Yu, Graphics, U Delaware
![Page 20: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/20.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture– Games
PSP, SONY
America’s army, released by US Goverment
US Game Sales: •$4.82 billion in December•$~18 billion for all of 2007market research firm NPD, Jan 17
Wii Sales: •$2.14 million in December 2008•$3 million in Dec 2009http://www.dailyfinance.com/
![Page 21: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/21.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture– Games– Training
Image from Defense News, 31 Jan 07
![Page 22: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/22.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture– Games– Training– Virtual World
Second Life
![Page 23: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/23.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture– Games– Training– Virtual World– Surgery
Jingyi Yu, Graphics, U Delaware
![Page 24: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/24.jpg)
Why do we care?
• Applications are cool– Create Fantasy World– Making Movies– Industry Design– Architecture– Games– Training– Virtual World– Surgery– Visualization
Jingyi Yu, Graphics, U Delaware
![Page 25: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/25.jpg)
Why do we care?
• Research is fun– Deformation Transfer• http://www.mit.edu/~ibaran/sdt/
![Page 26: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/26.jpg)
Why do we care?
• Research is fun– Deformation Transfer– Fluid Simulation• http://graphics.cs.cmu.edu/projects/modular_bases/
![Page 27: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/27.jpg)
Why do we care?
• Research is fun– Deformation Transfer– Fluid Simulation– Morphing• http://grail.cs.washington.edu/projects/animal-
morphology/s2009/
![Page 28: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/28.jpg)
Why do we care?
• Research is fun– Deformation Transfer– Fluid Simulation– Morphing– 3D Video Conference• http://gl.ict.usc.edu/Research/3DTeleconferencing/
![Page 29: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/29.jpg)
A broader view
• Computer Graphics is– The technology for communicating and interacting
with information in a visual way
• Visual information is – Intuitive– Parallel– Correlated
![Page 30: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/30.jpg)
What’s covered in this class• Not!
– Paint and Imaging packages (Photoshop)
– CAD packages (AutoCAD)– Rendering packages (Maya)– Modeling packages (3D Max)– Graphics Modeling and
Languages (RenderMan)
• We will cover…– Graphics programming
languages (OpenGL)– Graphics algorithms– Graphics data structures– Graphical User Interface
(GLUT)– Applied geometry and
modeling– Shape and motion capture
![Page 31: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/31.jpg)
What’s covered in this class
• Image related topics– Image formation in eye, and cameras, – Digital images, sampling and re-sampling– Filtering, Warping, Morphing, Compositing
Jingyi Yu, Graphics, U Delaware
![Page 32: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/32.jpg)
What’s covered in this class
• Project 1: A picture processing system– Implement basic image processing operations like
filtering, re-sampling, warping, – Image compositing, impressionist painting
Image Analogies, Hertzmann et al, SIGGRAPH 2001
![Page 33: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/33.jpg)
What’s covered in this class
• Geometric Modeling– coordinate systems, transformation– 2D/3D primitives, projection, – OpenGL, graphics pipeline, 3D UI issues– Shape concepts, parametric forms, splines– Meshes, subdivision surfaces
Eck and Hoppe, SIGGRAPH 96Jingyi Yu, Graphics, U Delaware
![Page 34: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/34.jpg)
What is this class about?
• Project 2: Roller coaster train
Rob Iverson's A+ assignment from 1999
![Page 35: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/35.jpg)
What is this class about?
• Project 2: Roller coaster train
Rob Iverson's A+ assignment from 1999
![Page 36: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/36.jpg)
What’s covered in this class
• Basic Rendering techniques– Visibility, scan-conversion, – Lighting, Texture mapping, – Ray tracing, global illumination,
Jingyi Yu, Graphics, U Delaware
![Page 37: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/37.jpg)
What’s covered in this class
• Project 3: A graphics town
Brandon Smith
![Page 38: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/38.jpg)
What’s covered in this class
• Project 3: A graphics town
Jacob Felder
![Page 39: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/39.jpg)
What’s covered in this class
• Project 3: A graphics town
Daniel Geil
![Page 40: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/40.jpg)
What’s covered in this class
• Project 3: A graphics town
Marc Lenz
![Page 41: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/41.jpg)
What’s covered in this class
• Project 3: A graphics town
Xiang Ji and Yuxiang Yang
![Page 42: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/42.jpg)
Staff
• Instructor: Li Zhang– [email protected]– Office hours: Monday Wednesday 3.50-4.50pm– Office location: 6387 Comp S&ST
• TA: Sajika Gallege– [email protected]– Office hours: Thursday Friday 1-2pm– Office location: 1306 Comp S&ST
![Page 43: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/43.jpg)
Course info
• Mailing list: [email protected]• Course web: www.cs.wisc.edu/~cs559-1• Computers: Windows XP 32 bit– 1358: 8– 1366: 30– 1368: 29
• Language: C++• Compiler: MS Visual Studio 2008– Your code must be able to compile and run on
department windows PC.
![Page 44: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/44.jpg)
Books (required)
• Peter Shirley. Fundamentals of Computer Graphics, 3ed
![Page 45: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/45.jpg)
Books (required)
• The OpenGL Programmer's Guide. (“red book”) 7th edition– An older edition (available online) would be OK. It’s
an important reference.
![Page 46: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/46.jpg)
Books (recommended)
• Real –time rendering. 3th edition– Tomas Akenine-Möller, Eric Haines, Naty Hoffman -
A.K. Peters (2008)
![Page 47: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/47.jpg)
Prerequisites
• CS367 (Data Structures) • Math 320, 340 or CS416 (some familiarity with
linear algebra)• I will skip – Chapter 2 Miscellaneous Math– Chapter 5 Linear Algebra
• C/C++– You can learn it as you do project, but you need to
work very hard.
![Page 48: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/48.jpg)
Exams
• Midterm – Monday, March 17th, in class
• Final– In the final week
![Page 49: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/49.jpg)
Grading
• Projects: 20%, 25%, 25%• Midterm: 10%• Final: 20%• Late policy– 80% 1st day, 60% 2nd day, … 0% 5th day, • Prorated hourly
– Can be late ONCE without penalty in the semester, • But can’t be later than demo date
– Penalty Recovery
![Page 50: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/50.jpg)
Group• For each project– Two students form a group to do the project– Doing it individually is fine, if you are brave. – Three students in a group is subject to my approval• For example, we have odd number of students in the
class
– Each group member will receive the same grade for each project (except the written assignment).
– Group partners should be different for each project– Doing it alone doesn’t mean double your credit.
![Page 51: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/51.jpg)
Previous comments• “assignments and exams are too difficult
especially the assingments”• “the projects were very large scale and time
intensive, fairly difficult”• “the projects involved too much hours of coding,
can be made a little less in magnitude”• “the projects are very time consuming”• ……
![Page 52: CS559: Computer Graphics](https://reader035.fdocuments.in/reader035/viewer/2022062409/56814958550346895db6ada5/html5/thumbnails/52.jpg)
Questions?