!"#$%&'#()*+,-./*0,)#*, !,12.*3+#4+5260/7#5)-#(1580)8 !"#$%&'())"$* +#,&-"*%$%"./ -(012./3&45$/*5/&6&7$(/*8$*//3$*8 Why Graphics ?
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 2 Video Games
CS148 CS205a CS248
Battlezone (1980) CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 3 Video Games
CS148 CS205a CS248
Gears of War 3 (2011), Unreal CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 4 What we want; maybe ?
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 5 Video Games
CS148 CS205a CS248
Crysis 3 (2013), CryEngine
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 6 Graphics on mobiles
CS148 CS205a CS248
Zen Garden, on iOS8 (2014), Unreal
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 7 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 Movies
CS348b CS205b CME306
Toy Story (1995)
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9 Movies
Day After Tomorrow (2004)
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 10 Movies
The Curious Case of Benjamin Button (2008)
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 11 S,Q037
!"G%&L !"=>?L !SMG>U
@+5Q3#C=>$=E
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain A9 S,Q037
#..1)CDDEEEFG(2.2H/F5(0DE".5#IJKL00;7MN?L-M
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain A: Academy Awards!
CS348b CS205b CME306
Ron Fedkiw won it twice !
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 14 Academy Awards!
CS348b CS205b CME306
Pat Hanrahan won it thrice !
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 15 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 CADs, Animators, Modelers
Solidworks, Dassault Systemes Maya, Autodesk
ZBrush, Pixologic Fuse, Adobe
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 17 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 2D Image Processing
Photoshop, Adobe Aperture, Apple
GIMP ILLUM, Lytro
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 19 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 <07.5A0B5*0,)
!T#7/5)#,F#T51.*H#!__#=>$%
Na#],7750)#5)-#Ta#SdAA3+ =>$$
]03+5+/60/5A#M-83#@.)-A0)8 Ta#930)[5.F 5)-#]a#T63073A=>$>
O#..1CDDEEEFE$*F.2/F*PDJ$)AD#(0/D%#(P./*D CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9A Relevant Courses
• CS448b – Visualization • EE169 – Intro to Bioimaging
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 22 "01.A5*,+7
da Vinci surgical robot, Intuitive Surgical Boeing 737 Simulator MPL Simulator Solutions
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9: Relevant Courses
• CS 277 – Experimental Haptics • CS 327 – Advanced Robotic Manipulation
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 24 Virtual and Augmented Reality
I. Sutherland’s HMD 1965! Occulus Rift, Occulus 2016
M. Heilig 1962! Hololens, Microsoft 2016
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 25 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 User Interfaces
Sketchpad, I. Sutherland,1963 Star, Xerox PARC 1981
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 27 Relevant Courses
• CS 247 – HCI Design Studio
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 28 T3/6),A,8:#V+0Q3+
R+S T/23"P&T/.E(3Q
#..1CDD*/23"P*/.E(3Q)"*%%//1P/"3*$*8F5(0D5#"1=F#.0P
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 9@ Computer Graphics Is a Humongous Field
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 30 Administrative
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 31 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 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 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 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 Course Staff • Instructor: Zahid Hossain • Email: [email protected] • 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 Administrative Reminder
:Credit your collaborators: helping others will count as participation
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 37 Outline
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 38 Week 1
Lights and Colors
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 39 933[#=
P57*3+0B5*0,) T+5)7F,+15*0,)
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;B 933[#G
O23)4` T3b*.+3#S5220)8
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;A 933[#%
P3)-3+0)8 4\I7#5)-#"65-3+7
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;9 Week 5
Materials Ray-Tracing
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 43 Week 6
Geometry Animation
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 44 933[#c
\6:70/5AA:#@573-#W)015*0,) "08)5A#\+,/3770)8
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain ;< Week 8
Recap and Project Demo
CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain 46 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 !"#$%&'#()*+,-./*0,)#*, !,12.*3+#4+5260/7#5)-#(1580)8 !"#$%&'())"$* +#,&-"*%$%"./ -(012./3&45$/*5/&6&7$(/*8$*//3$*8