15-462: Computer Graphics
Transcript of 15-462: Computer Graphics
![Page 1: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/1.jpg)
15-462: Computer Graphics
Jessica Hodginsand Alla Safonova
![Page 2: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/2.jpg)
Introduction
• Administrivia• Who are we?• What is computer graphics?• A few case studies
![Page 3: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/3.jpg)
Administration
• Web page – www.cs.cmu.edu/~jkh/462_S07– Linked from my home page
• TA’s: Michael de Rosa and Joel Micah Donovan– Office hours and contact info on the web
• Textbook: – Shirley, 2nd edition– Open GL (on the web) or order the Red Book
![Page 4: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/4.jpg)
Administration• Prerequisites (talk to us if you’re missing these!)
15-213: Introduction to Computer Systems 21-241: Matrix Algebra ( matrix & vector algebra) 21-259: Calculus in Three Dimensions (i.e. planes, quadratic surfaces,
basic 3-D geometry, partial derivatives) or equivalent
• Midterm and Final (13% and 22%)• Four programming assignments (8-13% each)• Three written assignments (20% total)
![Page 5: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/5.jpg)
Warning: mathematical programming may bedifferent than what you’ve done in the past (and harder to debug)
Height Fields (starter project in OpenGL)Spline roller coasterRay tracerProcedural modeling of plants
We’ll do fun things in this class!
![Page 6: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/6.jpg)
Administration
Late Policy: 3 late days that you can use for any assignment (programming or written). More than three requires a verifiable good excuse.
Cheating: Please don’t! The detailed definition is in the syllabus. Using code from the web is ok as long as it is a SMALL percentage of the code for written the assignment. We will pursue the case if the rules are violated…
![Page 7: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/7.jpg)
Other Graphics Courses15-463: Computational Photography, Efros (Fall)15-464: Technical Animation, Pollard (Spring) 15-465: Animation Art and Technology, Hodgins,
Duesing (Spring)15-466: Computer Game Programming, Kuffner
(Spring)Various grad classes in CSD
15-385: Computer Vision05-331: Building Virtual Worlds, Schell (Fall)24-384A: Computational Geometry, Shimada60-415: 3-D Animation, Duesing (Fall)
![Page 8: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/8.jpg)
Introduction
• Administrivia• Who are we?• What is Computer Graphics?• A few case studies
Announcements will be added to the web page throughout the semester.
Any questions?
![Page 9: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/9.jpg)
Who am I?
PhD CS, CMU Legged Locomotion For Rough Terrain Locomotion
On the faculty at Georgia Tech from 1992-2000
Joined CMU in fall 2000
![Page 10: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/10.jpg)
Legged Locomotion
![Page 11: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/11.jpg)
From physical robots to animations
![Page 12: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/12.jpg)
And on to humans
![Page 13: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/13.jpg)
And on to humans
![Page 14: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/14.jpg)
Now—Capturing data of humans
![Page 15: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/15.jpg)
Animating Muscle and Skin
![Page 16: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/16.jpg)
And back to robots
![Page 17: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/17.jpg)
Who is Alla?
PhD CS, CMU Reducing the search space for
physically realistic human motion synthesis
![Page 18: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/18.jpg)
Physically correct motion for complex characterUser only provides a rough sketch
Rough sketch Synthesized motion
Motion from a few constraints
![Page 19: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/19.jpg)
What is Computer Graphics?
![Page 20: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/20.jpg)
One agenda: Faking Reality
Make synthetic images that are indistinguishable from the real thing
Do it in a way that’s both practical and scientifically sound.
![Page 21: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/21.jpg)
Another Agenda: Create a new Reality
• Modeling, animation, rendering of things that don’t exist.
Pirates of the Caribbean
![Page 22: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/22.jpg)
Non-photorealistic Rendering
• Image Analogies A. Hertzmann, C. Jacobs, N. Oliver, B. Curless, D. Salesin. SIGGRAPH 2001 Conference Proceedings.
![Page 23: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/23.jpg)
The three big topics:
• Modeling: how to represent objects; how to build those representations
• Animation: representing/controlling the way things move
• Rendering: how to create images
![Page 24: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/24.jpg)
Modeling
• How to represent real environments– geometry: modeling surfaces, volumes– photometry: light, color, reflectance
• How to build these representations– declaratively: write it down– interactively: sculpt it– programmatically: let it grow– via 3D sensing: scan it in
![Page 25: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/25.jpg)
Modeling by Sculpting
Freeform from Sensable Technologies
![Page 26: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/26.jpg)
Modeling by GrowingReproduction of the topiary
garden at Levens, England. R. Mech, P. Prusinkiewicz, SIGGRAPH 1994
![Page 27: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/27.jpg)
Modeling by ScanningCyberware
![Page 28: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/28.jpg)
Animation• How things move
– Joint angles– Vertices– Deformations
• How to specify motion– by hand (keyframing)– rule-based behaviors– physics– motion capture
![Page 29: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/29.jpg)
Hand Animation
Making of Toy Story
![Page 30: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/30.jpg)
Rule-based Behaviors
Massive MovieCraig Reynold’s Movie
![Page 31: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/31.jpg)
Physics for Natural PhenomenaPoseidon water simulation
http://www.fxguide.com/article350.html
![Page 32: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/32.jpg)
Physics for Natural Phenomena
O'Brien, J. F., Hodgins, J. K., (1999) Graphical Modeling andAnimation of Brittle Fracture. The proceedings of ACM SIGGRAPH 99,
![Page 33: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/33.jpg)
Physics for Characters
![Page 34: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/34.jpg)
Motion Capture
Polar Express
![Page 35: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/35.jpg)
Motion Capture
Titanic, House of Moves
Motion AnalysisTitanic, House of Moves
![Page 36: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/36.jpg)
Rendering• What’s an image?
– distribution of light energy on 2D “film”: E(x,y,λ,t)(λ is wavelength.)
• How to generate images from scenes– input: 3D description of scene, camera– solve light transport through environment
• ray tracing• radiosity
– project to camera’s viewpoint
![Page 37: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/37.jpg)
Raytracing
May-June 2001 First Place Winner Internet Ray Tracing Competition: warm_up by Norbert Kern
![Page 38: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/38.jpg)
Radiosity
Lightscape, Autodesk
![Page 39: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/39.jpg)
Image-based Rendering
UNC Image-based Rendering Project
![Page 40: 15-462: Computer Graphics](https://reader030.fdocuments.in/reader030/viewer/2022012419/6173a08f875aaa48dd375ba5/html5/thumbnails/40.jpg)
Case Studies
Realism:Panic RoomForrest Gump
Imagination: Polar Express Pirates: http://www.ilm.com/theshow/