CS 148, Summer 2012 Introduction to Computer...

64
CS 148, Summer 2012 Introduction to Computer Graphics and Imaging Justin Solomon http://www.pickywallpapers.com/3d/abstract/black-and-blue-beautiful-render-picture/

Transcript of CS 148, Summer 2012 Introduction to Computer...

Page 1: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.: AAAAAAAAAAAA

CS 148, Summer 2012 Introduction to Computer Graphics and Imaging

Justin Solomon

http://www.pickywallpapers.com/3d/abstract/black-and-blue-beautiful-render-picture/

Page 2: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Homework 6 Due … yesterday

Will not be accepted after Friday

Page 3: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Final Exam Saturday 8/18/12, 12:15pm-3:15pm

Make-up (if you already signed up)

Thursday 8/16/12, 1pm-4pm

Page 4: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z
Page 5: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Everything.

Page 6: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

13 questions, skip one.

Page 7: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Course Review Link to Google survey on Piazza.

Page 8: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Computer graphics is a

humongous field.

Page 9: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

+x

+y

Page 10: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

d1d2

d2 = d1 +¢y

¢x

¢xd2 =¢xd1 +¢y

Page 11: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 12: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 13: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

1. Object 2. World 3. Camera 4. Frustum 5. Viewport

Page 14: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 15: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

¢z ¼ znearzfar¢zworld

z2world

Page 16: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 17: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 18: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 19: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 20: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 21: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act I: Real-time graphics

Page 22: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Rods: Sensitive to light energy Cones: Sensitive to color

Page 23: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 24: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 25: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 26: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 27: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 28: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

½(~ki;~ko; ~N)

Amount of light leaving the surface in each direction given input direction

Page 29: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 30: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

µ

µ

Page 31: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act II: Real-world considerations

Page 32: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

Spatial domain

Frequency domain

Page 33: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

Spatial domain

Frequency domain

Page 34: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

Spatial domain

Frequency domain

Page 35: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

f(1=2)

f(0) f(1)

Page 36: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

Page 37: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act III: Geometry and sampling

Curves specify paths that

objects take over time.

Page 38: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 39: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 40: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 41: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 42: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

-1 +1

Page 43: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 44: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

Page 45: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Act IV: Images and video

~p1 7! ~q1

~p2 7! ~q2

~p3 7! ~q3

¢ ¢ ¢ 7! ¢ ¢ ¢~pn 7! ~qn

Page 46: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

http://www.ps3vault.com/wp-content/uploads/2010/07/lbp2-announce-screenshot4.jpg http://tips.webdesign10.com/games/call-of-duty

Real-time graphics

Page 47: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

http://down.cd/images/apps/Autodesk-Maya-2013-for-Mac-7393.jpg

High-end graphics

Page 48: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

http://4.bp.blogspot.com/_V6vOFw32ngE/S-GBwRPnA2I/AAAAAAAAAOA/O3PSX1FC1ZM/s1600/adobeps.jpg http://www.gantico.com/en/media/2008/02/mbfg-2007-ae-screenshot-01.jpg

Digital photography and video

Page 49: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 147: Introduction to Human-Computer

Interaction Design

Fall 2012-2013

Page 50: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 231A: Introduction to Computer Vision

Fall 2012-2013

Page 51: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 448B: Data Visualization

Fall 2012-2013

Page 52: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 248: Interactive Computer Graphics

Winter 2012-2013

Page 53: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 232: Digital Image Processing

Winter 2012-2013

Page 54: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 247: Human-Computer Interaction

Design Studio

Winter 2012-2013

Page 55: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 277: Experimental Haptics

Winter 2012-2013

Page 56: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 348A: Computer Graphics: Geometric Modeling

Winter 2012-2013

Page 57: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 178: Digital Photography

Spring 2012-2013

Page 58: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 205A: Mathematical Methods for Computer

Vision, Robotics, and Graphics

Spring 2012-2013

Page 59: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 268: Geometric Algorithms

Spring 2012-2013

Page 60: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 348B: Image Synthesis

Spring 2012-2013

Page 61: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 348C: Computer Animation

Spring 2012-2013

Page 62: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

CS 468: Discrete Differential Geometry

Spring 2012-2013

Page 63: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

Course Review Link to Google survey on Piazza.

Page 64: CS 148, Summer 2012 Introduction to Computer …graphics.stanford.edu/courses/cs148-12-summer/assets/...Frustum 5. Viewport Act I: Real-time graphics Act I: Real-time graphics ¢ z

TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.: AAAAAAAAAAAA

CS 148, Summer 2012 Introduction to Computer Graphics and Imaging

Justin Solomon

http://www.pickywallpapers.com/3d/abstract/black-and-blue-beautiful-render-picture/