cs 475/cs 675 - computer graphics - cse.iitb.ac.inparagc/teaching/2011/... · cs 475/cs 675:...

33
CS 475/CS 675 Computer Graphics Lecture 0 : Introduction

Upload: others

Post on 19-Aug-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CS 475/CS 675: Lecture 0 Parag Chaudhuri, 2011

Time for some homework?

Asterix the Gaul, Goscinny and Uderzo