Why Graphics ? 2 CS 148: Introduction to Computer Graphics and - - PowerPoint PPT Presentation

▶
why graphics
SMART_READER_LITE
LIVE PREVIEW

Why Graphics ? 2 CS 148: Introduction to Computer Graphics and - - PowerPoint PPT Presentation

Jul 03, 2023 360 likes •854 views

!"#$%&'# ()*+,-./*0,)#*, !,12.*3+#4+5260/7#5)-#(1580)8 !"#$%&'())"$* +#,&-"*%$%"./ -(012./3&45$/*5/&6&7$(/*8$*//3$*8 Why Graphics ? 2 CS 148: Introduction to Computer Graphics and Imaging

slide-1
SLIDE 1

!"#$%&'#()*+,-./*0,)#*,

!,12.*3+#4+5260/7#5)-#(1580)8

!"#$%&'())"$* +#,&-"*%$%"./

  • (012./3&45$/*5/&6&7$(/*8$*//3$*8
slide-2
SLIDE 2

Why Graphics ?

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 2

slide-3
SLIDE 3

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 3

Video Games

Battlezone (1980)

slide-4
SLIDE 4

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 4

Video Games

Gears of War 3 (2011), Unreal

slide-5
SLIDE 5

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 5

What we want; maybe ?

slide-6
SLIDE 6

Crysis 3 (2013), CryEngine

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 6

Video Games

slide-7
SLIDE 7

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 7

Graphics on mobiles

Zen Garden, on iOS8 (2014), Unreal

slide-8
SLIDE 8

Relevant Courses

  • CS148 – Introduction to Computer Graphics
  • CS 248 – Interactive Computer Graphics
  • CS205a – Math for Robotics, Vision and Graphics

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 8

slide-9
SLIDE 9

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9

Movies

Toy Story (1995)

slide-10
SLIDE 10

Day After Tomorrow (2004)

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 10

Movies

slide-11
SLIDE 11

The Curious Case of Benjamin Button (2008)

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 11

Movies

slide-12
SLIDE 12

@+5Q3#C=>$=E

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain A9

S,Q037

!"G%&L !"=>?L !SMG>U

slide-13
SLIDE 13

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain A:

S,Q037

#..1)CDDEEEFG(2.2H/F5(0DE".5#IJKL00;7MN?L-M

slide-14
SLIDE 14

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 14

Academy Awards!

Ron Fedkiw won it twice !

slide-15
SLIDE 15

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 15

Academy Awards!

Pat Hanrahan won it thrice !

slide-16
SLIDE 16

Relevant Courses

  • CS348b – Image Synthesis Techniques
  • CME306 – Numerical Methods, Level Sets etc.

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 16

slide-17
SLIDE 17

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 17

CADs, Animators, Modelers

Solidworks, Dassault Systemes ZBrush, Pixologic Maya, Autodesk Fuse, Adobe

slide-18
SLIDE 18

Relevant Courses

  • CS 268 – Geometric Algorithm
  • CS 348A – Geometric Modeling
  • CS 368 – Advanced Geometric Algorithm
  • CS 468 – Differential Geometry
  • CS 228 – Probabilistic Graphical Model
  • CS 229 – Machine Learning
  • CS 231N – Neural Network

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 18

slide-19
SLIDE 19

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 19

2D Image Processing

Photoshop, Adobe Aperture, Apple GIMP ILLUM, Lytro

slide-20
SLIDE 20

Relevant Courses

  • CS178 – Digital Photography
  • CS 131 – Intro. To Computer Vision
  • CS 231 – Computer Vision II
  • CS478– Computational Photography

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 20

slide-21
SLIDE 21

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9A

<07.5A0B5*0,)

Ta#930)[5.F5)-#]a#T63073A=>$> Na#],7750)#5)-#Ta#SdAA3+=>$$ !T#7/5)#,F#T51.*H#!__#=>$%

O#..1CDDEEEFE$*F.2/F*PDJ$)AD#(0/D%#(P./*D

]03+5+/60/5A#M-83#@.)-A0)8

slide-22
SLIDE 22

Relevant Courses

  • CS448b – Visualization
  • EE169 – Intro to Bioimaging

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 22

slide-23
SLIDE 23

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9:

"01.A5*,+7

Boeing 737 Simulator MPL Simulator Solutions da Vinci surgical robot, Intuitive Surgical

slide-24
SLIDE 24

Relevant Courses

  • CS 277 – Experimental Haptics
  • CS 327 – Advanced Robotic Manipulation

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 24

slide-25
SLIDE 25

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 25

Virtual and Augmented Reality

  • I. Sutherland’s HMD 1965!
  • M. Heilig 1962!

Occulus Rift, Occulus 2016 Hololens, Microsoft 2016

slide-26
SLIDE 26

Relevant Courses

  • CS 211 - Content Creation in VR
  • EE 267 – Virtual Reality
  • CS 377M – HCI in Mixed and AR

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 26

slide-27
SLIDE 27

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 27

User Interfaces

Star, Xerox PARC 1981 Sketchpad, I. Sutherland,1963

slide-28
SLIDE 28

Relevant Courses

  • CS 247 – HCI Design Studio

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 28

slide-29
SLIDE 29

T3/6),A,8:#V+0Q3+

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9@

#..1CDD*/23"P*/.E(3Q)"*%%//1P/"3*$*8F5(0D5#"1=F#.0P

R+S T/23"P&T/.E(3Q

slide-30
SLIDE 30

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 30

Computer Graphics Is a Humongous Field

slide-31
SLIDE 31

Administrative

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 31

slide-32
SLIDE 32

On the Web

  • Main
  • http://cs148.stanford.edu
  • Piazza
  • https://piazza.com/stanford/summer2016/cs148
  • Please post all your questions in Piazza
  • Everybody benefits from this !

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 32

slide-33
SLIDE 33

Grading

  • 60% Homework
  • 5 homeworks– 1 week each
  • Total 3 late days – 25% penalty / day after that
  • 10% Reading Assignments
  • One reading every week
  • Should not take more than 5-10 minutes
  • No late days
  • 10% Participation
  • In person or through Piazza or by helping others
  • 20% Final Project

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 33

slide-34
SLIDE 34

Final Project

  • Open ended !
  • Group of at most 3 people
  • Goal : Demo something cool
  • Grade based on:
  • Aesthetics ( its Graphics ! )
  • Technicalities
  • Report
  • Presentation / Demo
  • Important dates and details (see updates on the website):
  • 21st July 11:59 PM: Proposal due
  • 11th Aug (Time: TBD) Demo day.
  • SCPD students: Make pre-recorded demo, post it in youtube the

day before the demo day. Participlate in Q/A through Google Hangout on the demo-day.

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 34

slide-35
SLIDE 35

Text Books

  • None officially
  • But we may assign readings from the following:

(available through Stanford Library)

  • [ebook] Fundamentals of Computer Graphics 3rd Ed. by

Shirley et. al.

  • [ebook] OpenGL Programming Guide, 7th Edition by Shreiner.
  • Computer graphics : Principles and Practice by Foley et. al.

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 35

slide-36
SLIDE 36

Course Staff

  • Instructor: Zahid Hossain
  • Email: zhossain@stanford.edu
  • Office: E350A Clark Center
  • CA: David Hyde
  • Office: Gates Basement Lobby
  • Office Hours: Saturdays: 1-5PM
  • CA: Minjae Lee
  • Office: Gates 210
  • Office Hours: Fridays 1-5PM

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 36

slide-37
SLIDE 37

Administrative Reminder

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 37

:Credit your collaborators: helping others will count as participation

slide-38
SLIDE 38

Outline

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 38

slide-39
SLIDE 39

Week 1

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 39

Lights and Colors

slide-40
SLIDE 40

933[#=

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;B

P57*3+0B5*0,) T+5)7F,+15*0,)

slide-41
SLIDE 41

933[#G

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;A

O23)4` T3b*.+3#S5220)8

slide-42
SLIDE 42

933[#%

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;9

P3)-3+0)8 4\I7#5)-#"65-3+7

slide-43
SLIDE 43

Week 5

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 43

Materials Ray-Tracing

slide-44
SLIDE 44

Week 6

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 44

Geometry Animation

slide-45
SLIDE 45

933[#c

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;<

\6:70/5AA:#@573-#W)015*0,) "08)5A#\+,/3770)8

slide-46
SLIDE 46

Week 8

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 46

Recap and Project Demo

slide-47
SLIDE 47

Credits: Lecture Materials

  • Justin Solomon (now at MIT)
  • Katherine Breeden
  • Mirela Ben-Chen (now at Technion, Israel)
  • Ronald Fedkiw
  • Pat Hanrahan

CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 47

slide-48
SLIDE 48

!"#$%&'#()*+,-./*0,)#*,

!,12.*3+#4+5260/7#5)-#(1580)8

!"#$%&'())"$* +#,&-"*%$%"./

  • (012./3&45$/*5/&6&7$(/*8$*//3$*8