!"#$%&'#()*+,-./*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.