CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675:...
Transcript of CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675:...
![Page 1: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/1.jpg)
CS 475/CS 675 Computer Graphics
Lecture 0 : Introduction
![Page 2: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/2.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Introductions
● Instructor Details– Parag Chaudhuri
– Office: SI-A304, KReSIT Building
– Office Hours: After class or appointment by email
● TA Details
– Mayank Singhal– Niket Bagwe
![Page 3: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/3.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Introductions
● Course Details– Slot 6, Wed and Fri, 11:00-12:30pm– http://www.cse.iitb.ac.in/~paragc/teaching/2011/cs475
– Mailing list (CS475): [email protected]
– Mailing list (CS675): [email protected]
– Classroom: SIC-201
● Eligibility– Soft pre-reqs : Data Structures, Linear Algebra
– Audits are generally not allowed
![Page 4: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/4.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Introductions
● Class
![Page 5: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/5.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
What is Computer Graphics?
![Page 6: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/6.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
What is Computer Graphics used for?
![Page 7: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/7.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Cinema – Animation and Special FX
(Advertising, Music Videos)
© Pixar
© Warner Bros, Digital Domain
Games
© Ubisoft
© Electronic Arts
![Page 8: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/8.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Design (CAD)
© Reno C. Negrin Architects
© Mackevision
© Franke Group
Architectural
Product Automotive
![Page 9: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/9.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Scientific Visualization
© ISRO
© FiatLux Imaging
![Page 10: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/10.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Training
© NASA
© Lockheed Martin Corp.
© Virtual Heroes Inc.
![Page 11: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/11.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Digital and Print Media
A Agarwala, M Dontcheva, M Agrawala, S Drucker, A Colburn, B Curless, D Salesin, M Cohen: Interactive Digital Photomontage. ACM Transactions on Graphics (Proceedings of SIGGRAPH 2004)
Computational Photography
DesktopPublishing
Gimp
Scribus
Networked MediaFlash, SilverlightIE, Firefox, Safari, OperaYouTube, Flickr, Facebook
![Page 12: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/12.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Graphical User Interfaces
Gnome/Ubuntu
Aqua/Mac OSX 10.5
Aero/Windows Vista
Wacom Cintiq
Ivan Sutherland's Sketchpad 1962
Now
Fraunhoffer FIT
Apple iPhone
The Future?
© Twentieth Century Fox
![Page 13: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/13.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Virtual and Augmented Reality
ARToolkit
© Layar
© i-Fashion Clothing Technical Center,Konkuk University, South Korea
CAVE, Iowa State University
© Nasa
© ICT Graphics Lab, USC
![Page 14: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/14.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
● And the list goes on....– Virtual Worlds: Google Earth, Second Life
– Algorithm Animation
– Typesetting and font design – LaTex, Freetype
– Digital video and HDTV
– Drug Design
– Image and Video Search
– ......
– ....
– ..
![Page 15: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/15.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
What is Computer Graphics?
● CG is the art and science of using the computer to make images.
● Study of methods (artistic, mathematical, algorithmic, software) and systems (mechanical, electronic, hardware) to create, control and manipulate pictoral data on the computer.
![Page 16: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/16.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
What makes Computer Graphics interesting?
![Page 17: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/17.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
![Page 18: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/18.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Highly Interdisciplinary● Mathematics and Sciences
– Physics of light, color, motion, deformation...
– Geometry – Discrete, Differential, Projective
– Linear Algebra, Optimization
● Engineering and Systems
– Graphics processors, sensors, I/O devices
– Graphics libraries, windowing systems, parallel programming
● Art and Psychology
– Color and Perception theory, Composition, Form, Lighting
– Motion studies, perspective
![Page 19: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/19.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Drives Innovation - Hardware
![Page 20: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/20.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Drives Innovation - Software
![Page 21: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/21.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
What all will we learn?Tentative Course Content
![Page 22: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/22.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Drawing in 2D and 3D
Colouring Pixels
![Page 23: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/23.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Modeling
● Lines, Polygons ● Curves and Surfaces● Modeling Transformations● Hidden Surfaces● Viewing Transformations
![Page 24: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/24.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Rendering
● Shading● Lighting models● Texture mapping● Raytracing● Non-photorealistic
Prashant Sachdeva and Yashoteja Prabhu, CS 475, 2009
![Page 25: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/25.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Animation
● Transformations● Keyframed
Gaurav Malpani and Mayank Singhal, CS475, 2009.
Achyut Jagani and Ankush Jain, CS 475, 2009
Chirag Sethi and Achin Bansal, CS 475, 2009
Luxo Jr., PIXAR, 1986
![Page 26: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/26.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Graphics Pipeline
![Page 27: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/27.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Course Structure● Lectures, notes, textbook – see course
webpage.● Join mailing list (must before next class)● Programming Assignments: OpenGL on
Ubuntu LINUX, Groups of two, demos, at least 3 with the last being a multi-part project.
● Written Homework.● Quizes (Aug 31, Oct 19).● MidSem (Sep 12-17), EndSem (Nov 16-27).
Despicable Me, Illumination Entertainment 2010
![Page 28: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/28.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Evaluation● Demos and viva, must run on my machine● Usually no open book exams● Assignments 50%, Exams+quizzes 45%,
Class participation 5%● Everything checked for plagiarism:
– Cite source if you borrow (even from your classmate).
– Minimum penalty is a FR.
Despicable Me, Illumination Entertainment 2010
![Page 29: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/29.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Unsought Advice● Assignments – plan early, don't ask for
extensions.● Expect my PC to be evil - Works on my
machine, does not work on yours.● If you do not understand something - ask! ● If you think I am teaching something incorrect
– point it out.● If what I am teaching seems irrelevant – ask
why is it being taught.
![Page 30: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/30.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
SIGGRAPH● Special Interest Group on GRAPHics and
Interactive Techniques (of the ACM)● Largest, bestest? in Graphics research● SIGGRAPH Asia●
![Page 31: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/31.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Course Courtesy – applies to you and me.
● We will be alert in class.● We will be honest.● When we borrow, we will always cite our
sources.● We will not be paranoid about grades –
please!● We will come to class in time.● We will have fun!
Up! © Disney/PIXAR 2009
![Page 32: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/32.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Suggestions?
Asterix the Gaul, Goscinny and Uderzo
![Page 33: CS 475/CS 675 - Computer Graphics - cse.iitb.ac.inparagc/teaching/2011/... · CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011 Course Structure Lectures, notes, textbook – see course](https://reader036.fdocuments.in/reader036/viewer/2022062601/5fc4c996d5e7e159a54f84c8/html5/thumbnails/33.jpg)
CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011
Time for some homework?
Asterix the Gaul, Goscinny and Uderzo