Difference between revisions of "CISC440 S2022"

From class_wiki
Jump to: navigation, search
(Schedule)
(Schedule)
 
(82 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
|-
 
|-
 
|valign="top"|'''Where'''
 
|valign="top"|'''Where'''
|In-person
+
|[https://css-rdms1.win.udel.edu/maps/?find=NC19 Alison 221]
 
|-
 
|-
 
|valign="top"|'''Instructor'''  
 
|valign="top"|'''Instructor'''  
Line 21: Line 21:
 
|-
 
|-
 
|valign="top"|'''Office hours'''
 
|valign="top"|'''Office hours'''
|??, ?? pm  
+
|Mondays, 1-3 pm  
 
|-
 
|-
|valign="top"|'''TA'''  
+
|valign="top"|'''TA'''
|??<br>
+
|Seyedalireza Khoshsirat, alireza@udel.edu<br>
TA office hours: ??
+
TA office hours: Tuesdays 4-6 pm, [https://udel.zoom.us/j/98667556558 https://udel.zoom.us/j/98667556558]
 
|-
 
|-
 
|valign="top"|'''Grading'''  
 
|valign="top"|'''Grading'''  
Line 41: Line 41:
  
 
I will try to keep you informed about your standing throughout the semester.  If you have any questions about grading or expectations at any time, please feel free to ask me.
 
I will try to keep you informed about your standing throughout the semester.  If you have any questions about grading or expectations at any time, please feel free to ask me.
<!--
+
 
 
|-
 
|-
 
|valign="top"|'''Piazza'''
 
|valign="top"|'''Piazza'''
 
|
 
|
* To enroll: http://piazza.com/udel/fall2019/cisc440640
+
* To enroll: http://piazza.com/udel/spring2022/cisc440640
* After you enroll: http://piazza.com/udel/fall2019/cisc440640/home  
+
* After you enroll: http://piazza.com/udel/spring2022/cisc440640/home  
* Please ask all technical/administrative questions on Piazza rather via e-mail, so that other student may see the answer or answer your question themselves
+
* Please ask all technical/administrative questions on Piazza rather via e-mail, so that other students may see the answer or answer your question themselves
-->
+
 
 
|-
 
|-
 
|valign="top"|'''Academic policies'''
 
|valign="top"|'''Academic policies'''
Line 72: Line 72:
 
Textbook web site: [http://www.cs.cornell.edu/~srm/fcg4/ Author] (most useful thing there is link to course with relevant slides), [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 Publisher]
 
Textbook web site: [http://www.cs.cornell.edu/~srm/fcg4/ Author] (most useful thing there is link to course with relevant slides), [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 Publisher]
  
This book is NOT at the campus bookstore.  The [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 publisher] has it, but their prices are bad.  On [http://www.amazon.com/Fundamentals-Computer-Graphics-Fourth-Marschner/dp/1482229390/ref=sr_1_1?ie=UTF8&qid=1452108760&sr=8-1 Amazon] it's about $60 to rent physical book for semester and about $50 to rent E-book
+
This book is NOT at the campus bookstore.  The [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 publisher] has it, but their prices are bad.  On [http://www.amazon.com/Fundamentals-Computer-Graphics-Fourth-Marschner/dp/1482229390/ref=sr_1_1?ie=UTF8&qid=1452108760&sr=8-1 Amazon] it's about $60 to rent a physical book for semester and (strangely!) $45 to buy a paperback version of it.
 
<!--
 
<!--
 
* [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 CRC Press] (the publisher): E-book purchase is $52, rental is $29 for 180 days
 
* [https://www.crcpress.com/Fundamentals-of-Computer-Graphics-Fourth-Edition/Marschner-Shirley/9781482229394 CRC Press] (the publisher): E-book purchase is $52, rental is $29 for 180 days
Line 190: Line 190:
  
 
''Note'': The blue squares in the "#" column below indicate Tuesdays. <br>
 
''Note'': The blue squares in the "#" column below indicate Tuesdays. <br>
<!--UDCapture videos are available in the Media Gallery tab of this course's Canvas page -->
+
UDCapture videos of in-person classes are available in the Media Gallery tab of this course's Canvas page  
 
<br>
 
<br>
 
{| class="wikitable" style="text-align: center" border="1" cellpadding="5"  
 
{| class="wikitable" style="text-align: center" border="1" cellpadding="5"  
Line 201: Line 201:
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|1
 
|style="background:rgb(102, 204, 255)"|1
|Feb. 8
+
|style="background:rgb(244, 244, 0)"|Feb. 8 [ONLINE]<br>[https://udel.zoom.us/j/96463050369 Zoom link]<br>(must be UD-authenticated, password 65536)
 
|Introduction
 
|Introduction
 
|Graphics background, course information  
 
|Graphics background, course information  
 
|Marschner, 1-1.4
 
|Marschner, 1-1.4
|<!--[https://docs.google.com/presentation/d/16M3Z-oFDE3lvtvBM33jNXLiM3RPytWFE1e8JZUzVNq4/edit?usp=sharing slides] [https://youtu.be/vCIfWg1m-xo recording]-->
+
|[https://docs.google.com/presentation/d/1yKzB2eSpmy-rMczBg5ES_Pd1NxCUAnmfj9xHSqI7oOs/edit?usp=sharing slides] [https://youtu.be/z7X22m02Fb8 recording]
 
|-
 
|-
 
|2
 
|2
|Feb. 10
+
|style="background:rgb(244, 244, 0)"|Feb. 10 [ONLINE]<br>[https://udel.zoom.us/j/96463050369 Zoom link]<br>(must be UD-authenticated, password 65536)
 
|2-D, 3-D Geometry  
 
|2-D, 3-D Geometry  
 
|Vector & matrix review, homogeneous coordinates, 2-D & 3-D transformations, quaternions  
 
|Vector & matrix review, homogeneous coordinates, 2-D & 3-D transformations, quaternions  
 
|Marschner, 2.4, 5.2-5.2.2, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2), 16.2.2
 
|Marschner, 2.4, 5.2-5.2.2, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2), 16.2.2
|<!--[https://docs.google.com/presentation/d/18MkvZW84mFGMO-XjwXATfIa9hcDVti7ejzhSP6GFKRA/edit?usp=sharing slides] [https://youtu.be/eM0K6Bw20QM recording]-->
+
|[https://docs.google.com/presentation/d/1md__lXuGzI79h5a5SX0bMSpexCF7e2SLcyeVD1RlN6E/edit?usp=sharing slides] [https://youtu.be/IT8cwtCNt1Y recording]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|3
 
|style="background:rgb(102, 204, 255)"|3
Line 219: Line 219:
 
|More 3-D transformations, camera manipulation & the view volume
 
|More 3-D transformations, camera manipulation & the view volume
 
|Marschner, 6.5-7.2 <!--; Red book, 3 -->
 
|Marschner, 6.5-7.2 <!--; Red book, 3 -->
|<!--[https://docs.google.com/presentation/d/1j7ShUyPHzKNo-y8c7B3BdnJGg94JOqSnr8VVTeraClk/edit?usp=sharing slides] [https://youtu.be/fTEl2agGfRM recording]-->
+
|[https://docs.google.com/presentation/d/1_e5Ya9KFMegxahVkfFbx42cWcU3wSUHo-n-ST0y1tdc/edit?usp=sharing slides] <!--[https://youtu.be/fTEl2agGfRM recording]-->
 
|-
 
|-
 
|4
 
|4
 
|Feb. 17<br>
 
|Feb. 17<br>
''Add/drop deadline Feb. 26''
+
''Add/drop deadline Feb. 18''
 
|3-D Geometry
 
|3-D Geometry
 
|Perspective projection, geometry pipeline, transformations with GLM
 
|Perspective projection, geometry pipeline, transformations with GLM
 
|Marschner, 7.3, 7.5; OpenGL tutorials [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-1-opening-a-window/ #1] (including installation instructions), [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-3-matrices/ #3] <!--Red book, 1, 2 (stop before stippling) -->
 
|Marschner, 7.3, 7.5; OpenGL tutorials [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-1-opening-a-window/ #1] (including installation instructions), [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-3-matrices/ #3] <!--Red book, 1, 2 (stop before stippling) -->
|<!--[https://docs.google.com/presentation/d/1MV0G0DFUp-esctZfDpjGx00ktcfV17iNOadJsOtqQJk/edit?usp=sharing slides] [https://youtu.be/w8FHw2nbVkk recording]<br>-->
+
|[https://docs.google.com/presentation/d/12cQUtp-F-bVqbGyiwXKcTNX6H1DDtHrXa5Hqn1TD3zg/edit?usp=sharing slides] <!--[https://youtu.be/w8FHw2nbVkk recording]<br>-->
[[CISC440_S2021_HW1|HW #1]]
+
[[CISC440_S2022_HW1|HW #1]]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|5
 
|style="background:rgb(102, 204, 255)"|5
Line 235: Line 235:
 
|Program initialization, window creation, geometric primitives <!--, GLUT -->
 
|Program initialization, window creation, geometric primitives <!--, GLUT -->
 
|Marschner, 17-17.7, 17.9-17.11 <!--Red book 1, 2, 6 "Blending" section, 9 -->  
 
|Marschner, 17-17.7, 17.9-17.11 <!--Red book 1, 2, 6 "Blending" section, 9 -->  
|<!--[https://docs.google.com/presentation/d/1K1KP9LWFwGeHVUIzr8_rM0ddPi3Y8IU37pOnR9NOlzQ/edit?usp=sharing slides] [https://youtu.be/e2sqi1dLi-g recording]-->
+
|[https://docs.google.com/presentation/d/1uLG4VU2WqfWITXlfOJGGQfZaphj-W0U_MA2mLJDcS9Y/edit?usp=sharing slides] <!--[https://youtu.be/e2sqi1dLi-g recording]-->
 
|-
 
|-
 
|6
 
|6
Line 242: Line 242:
 
|Basic animation, user interface callbacks
 
|Basic animation, user interface callbacks
 
|OpenGL tutorial [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-6-keyboard-and-mouse/ #6]
 
|OpenGL tutorial [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-6-keyboard-and-mouse/ #6]
|<!--[https://docs.google.com/presentation/d/1pylI2yXpXnKYsPUSjD0m2HEFCOtEydAiYYbmEvlTLhc/edit?usp=sharing slides] [https://youtu.be/MsM8tltFyig recording]<br>
+
|[https://docs.google.com/presentation/d/1vebSOvrIl_eggURQZFEECjUC-Qgdz62OqbLDtuXQ0pI/edit?usp=sharing slides]<br> <!--[https://youtu.be/MsM8tltFyig recording]<br>-->
[https://drive.google.com/file/d/1H6Kwpyiy3qXvuHMX3py_GgFPIGYWwZa8/view?usp=sharing interactive_tutorial03.cpp]-->
+
[https://drive.google.com/file/d/1H6Kwpyiy3qXvuHMX3py_GgFPIGYWwZa8/view?usp=sharing interactive_tutorial03.cpp]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|7
 
|style="background:rgb(102, 204, 255)"|7
Line 250: Line 250:
 
|Introduction to GLSL, vertex shaders vs. fragment shaders; GLSL texturing demo
 
|Introduction to GLSL, vertex shaders vs. fragment shaders; GLSL texturing demo
 
|Marschner, 17.8; [http://wiki.labomedia.org/images/1/10/Orange_Book_-_OpenGL_Shading_Language_2nd_Edition.pdf Orange book Chaps. 2-5]
 
|Marschner, 17.8; [http://wiki.labomedia.org/images/1/10/Orange_Book_-_OpenGL_Shading_Language_2nd_Edition.pdf Orange book Chaps. 2-5]
|<!--[https://docs.google.com/presentation/d/1ebuvz0UYaeqKAYdik61ww6Ef_hjnYUG8DsGGTtS9Oa0/edit?usp=sharing slides] [https://youtu.be/UbJ0yOg5ziU recording]<br>
+
|[https://docs.google.com/presentation/d/1-zaeNVque_o4YZZBtwUkIFufHJvKk4QHKrmqpzVqMVM/edit?usp=sharing slides]<br>
[https://drive.google.com/file/d/1Rqintt2trrQIu7PIxjte7KYpFo5xn-aN/view?usp=sharing texture_example.zip] (modified 3/11)<br>-->''HW #1 due''
+
[https://drive.google.com/file/d/1Rqintt2trrQIu7PIxjte7KYpFo5xn-aN/view?usp=sharing texture_example.zip]<br>''HW #1 due''
 
|-
 
|-
 
|8
 
|8
Line 258: Line 258:
 
|Radiometry: irradiance, radiosity, radiance, BRDFs
 
|Radiometry: irradiance, radiosity, radiance, BRDFs
 
|Marschner, 10-10.2.1, 20-20.2
 
|Marschner, 10-10.2.1, 20-20.2
|<!--[https://docs.google.com/presentation/d/1d2LqFDk8BSdMSR3pR-Ls1nsLwLLk47oFBmQ9rt0rbBY/edit?usp=sharing slides] [https://youtu.be/Yxp1f_E2teg recording]<br>-->
+
|[https://docs.google.com/presentation/d/1WN9zReQ0w7-YaL0QsCp7azCCFWcv2ANQriLRkITFTT0/edit?usp=sharing slides]<br>
[[CISC440_S2021_HW2|HW #2]]
+
[[CISC440_S2022_HW2|HW #2]]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|9
 
|style="background:rgb(102, 204, 255)"|9
|Mar. 8
+
|style="background:rgb(244, 244, 0)"|Mar. 8 [ONLINE, NOT LIVE -- <br>See YouTube recording]
 
|Shading
 
|Shading
 
|Diffuse, specular reflection, Gouraud/Phong shading details; OpenGL, GLSL shading methods
 
|Diffuse, specular reflection, Gouraud/Phong shading details; OpenGL, GLSL shading methods
 
|Marschner, 10-10.2.2; [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-8-basic-shading/ OpenGL tutorial #8]
 
|Marschner, 10-10.2.2; [http://www.opengl-tutorial.org/beginners-tutorials/tutorial-8-basic-shading/ OpenGL tutorial #8]
|<!--[https://docs.google.com/presentation/d/1VdJ9aFIqxLODLzLuHfh3WlpnWDQo_lh3CQRBJ7BeBok/edit?usp=sharing slides] [https://youtu.be/Lz_uasq9Ptw recording]-->
+
|[https://docs.google.com/presentation/d/1SG3DpKRJ5xHGIt8jfhM47VI4i_W4OkLGJASa5e_WQ4Q/edit?usp=sharing slides] [https://youtu.be/Lz_uasq9Ptw?t=172 recording] (start at 2:52 with "Reflectance Equation" slide)
 
|-
 
|-
 
|10
 
|10
Line 273: Line 273:
 
|Finish shading/lighting; texture-mapping basics, bump mapping
 
|Finish shading/lighting; texture-mapping basics, bump mapping
 
|Marschner, 11.2, 11.4 (homogeneous division material--not barycentric coords), 11.5 <!--; Red book, 9 (through "Assigning texture coordinates")    -->
 
|Marschner, 11.2, 11.4 (homogeneous division material--not barycentric coords), 11.5 <!--; Red book, 9 (through "Assigning texture coordinates")    -->
|<!--[https://docs.google.com/presentation/d/1GsstwVkaTZwBkBasnDgfR53cYSoQWc12AowIXB8yJgw/edit?usp=sharing slides] [https://youtu.be/eF8Y9lmXdJc recording]-->
+
|[https://docs.google.com/presentation/d/15UKqX4YddtsjVe9_zrHrWZsdsR5xQ803lJNy_HpYKPc/edit?usp=sharing slides] <!--[https://youtu.be/eF8Y9lmXdJc recording]-->
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|11
 
|style="background:rgb(102, 204, 255)"|11
Line 280: Line 280:
 
|Texturing pipeline, bump maps, lightmaps, environment maps, shadow maps<!--Particle systems, flocking-->
 
|Texturing pipeline, bump maps, lightmaps, environment maps, shadow maps<!--Particle systems, flocking-->
 
|Marschner, 11.1.3-11.1.4, 11.3<!--Marschner, 16.7-->
 
|Marschner, 11.1.3-11.1.4, 11.3<!--Marschner, 16.7-->
|<!--[https://docs.google.com/presentation/d/19aNHiFoJtplt1CTz0DSKYzGaY_X6xAHMeSi7nVl12E4/edit?usp=sharing slides] [https://youtu.be/Y_0KMPbe5p4 recording]-->
+
|[https://docs.google.com/presentation/d/1-IOCDhNo-ZmHUtOdFqjLfCMs7nrc2kXI6FzB0DGZRuw/edit?usp=sharing slides] <!--[https://youtu.be/Y_0KMPbe5p4 recording]-->
 
<!--[http://nameless.cis.udel.edu/class_data/cg_s2017/midterm_s2014.pdf 2014 midterm] (ignore Q7, Q9, Q10, and Q11)<br>
 
<!--[http://nameless.cis.udel.edu/class_data/cg_s2017/midterm_s2014.pdf 2014 midterm] (ignore Q7, Q9, Q10, and Q11)<br>
 
[http://nameless.cis.udel.edu/class_data/cg/midterm2004.pdf 2004 midterm] (look at questions 1.1, 1.2, 2.1, and 3.2 only)-->
 
[http://nameless.cis.udel.edu/class_data/cg/midterm2004.pdf 2004 midterm] (look at questions 1.1, 1.2, 2.1, and 3.2 only)-->
Line 286: Line 286:
 
|12
 
|12
 
|Mar. 17
 
|Mar. 17
|Midterm review
+
|Finish textures; midterm review
 
|
 
|
 
|
 
|
|<!--[https://docs.google.com/presentation/d/1X3fQg8_dkWT1nh1TDvTT2PEsXQm8Vj39PnUoZRf1aWc/edit?usp=sharing slides] [https://youtu.be/iuB-QE7tBaM recording]<br>
+
|[https://docs.google.com/presentation/d/1swN-LsHBaNch8g528nRBBqDsDNpsuWOo3adMxtjzyOg/edit?usp=sharing slides]<br> <!--[https://youtu.be/iuB-QE7tBaM recording]<br>-->
[http://nameless.cis.udel.edu/class_data/cg_s2017/midterm_s2014.pdf 2014 midterm] (ignore Q7, Q9, Q10, and Q11)<br>
+
[http://nameless.cis.udel.edu/class_data/cg_s2017/midterm_s2014.pdf 2014 midterm] (ignore Q5, Q7, Q9-Q11)<br>
[http://nameless.cis.udel.edu/class_data/cg/midterm2004.pdf 2004 midterm] (look at questions 1.1, 1.2, 2.1, and 3.2 only)<br>-->''HW #2 due''
+
[http://nameless.cis.udel.edu/class_data/cg/midterm2004.pdf 2004 midterm] (look at questions 1.1, 1.2, 2.1, and 3.2 only)<br>''HW #2 due''
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|13
 
|style="background:rgb(102, 204, 255)"|13
Line 301: Line 301:
 
|-
 
|-
 
|14
 
|14
|Mar. 25
+
|Mar. 24
 
|Particle systems<!--; finish texturing -->  
 
|Particle systems<!--; finish texturing -->  
 
|Flocking; introduction to [https://pybullet.org/wordpress/ Bullet physics library]<!--; magnification/minification, mipmaps-->
 
|Flocking; introduction to [https://pybullet.org/wordpress/ Bullet physics library]<!--; magnification/minification, mipmaps-->
 
|OpenGL tutorial on [http://www.opengl-tutorial.org/miscellaneous/clicking-on-objects/picking-with-a-physics-library/ clicking], [https://github.com/bulletphysics/bullet3/blob/master/docs/Bullet_User_Manual.pdf Bullet physics manual] (you don't have to read all of it, it's just for reference); Marschner, 11.1.3-11.1.4, 11.3
 
|OpenGL tutorial on [http://www.opengl-tutorial.org/miscellaneous/clicking-on-objects/picking-with-a-physics-library/ clicking], [https://github.com/bulletphysics/bullet3/blob/master/docs/Bullet_User_Manual.pdf Bullet physics manual] (you don't have to read all of it, it's just for reference); Marschner, 11.1.3-11.1.4, 11.3
|<!--[https://docs.google.com/presentation/d/1kzhFGQ4L6556np4ZIyBNwDn-IQvzUqzR0SCr_F_Yc7E/edit?usp=sharing slides] [https://youtu.be/fT4hFO2TDDk recording]<br>-->
+
|[https://docs.google.com/presentation/d/1woKaeFv-IQhPoKzUuzYK5cqqO9G9n7t7KjXm1yhsm64/edit?usp=sharing slides]<br>
[[CISC440_S2021_HW3|HW #3]]
+
[[CISC440_S2022_HW3|HW #3]]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|
 
|style="background:rgb(102, 204, 255)"|
Line 335: Line 335:
 
|Bilinear vs. nearest-neighbor filtering, magnification/minification, mipmaps; line and triangle clipping
 
|Bilinear vs. nearest-neighbor filtering, magnification/minification, mipmaps; line and triangle clipping
 
|Marschner, 11.4.4-11.4.5  
 
|Marschner, 11.4.4-11.4.5  
|[https://docs.google.com/presentation/d/10dfwmJvCTOjWdD54nQi9SwTmLnbbHr3eG52P96-VLOY/edit?usp=sharing slides] [https://youtu.be/uEUMuFTqWcE recording]
+
|[https://docs.google.com/presentation/d/1s6aKCPNIcnm2j5XpjfBmr4XQa7UAc7ijCY05x9dNraM/edit?usp=sharing slides] <!--[https://youtu.be/uEUMuFTqWcE recording]-->
 
<!--[https://docs.google.com/presentation/d/1H0tSJHr07SF8wG6LUxeL2e0_5jjCusG5HHGsYOZiAVM/edit?usp=sharing slides]-->
 
<!--[https://docs.google.com/presentation/d/1H0tSJHr07SF8wG6LUxeL2e0_5jjCusG5HHGsYOZiAVM/edit?usp=sharing slides]-->
 
|-
 
|-
Line 343: Line 343:
 
|Backface culling, Z-buffering, painter's algorithm  
 
|Backface culling, Z-buffering, painter's algorithm  
 
|Marschner, 8.1.3-8.1.6,, 8.2-8.2.3, 8.4
 
|Marschner, 8.1.3-8.1.6,, 8.2-8.2.3, 8.4
|<!--[https://docs.google.com/presentation/d/1W_wpq2_qgLsqgfWbEJwAn-kNxUDU8PwLFxJ88iG4TQI/edit?usp=sharing slides] [https://youtu.be/8i-FN7WJM1c recording]<br>=-->''HW #3 due''
+
|[https://docs.google.com/presentation/d/1Ft9Hg01CEW0wGLFwIO6vq2pDD1IZz2OBRLacoCtk3Kc/edit?usp=sharing slides]<br> <!--[https://youtu.be/8i-FN7WJM1c recording]<br>=-->''HW #3 due''
 
|-
 
|-
 
|17
 
|17
Line 350: Line 350:
 
|BSP trees; DDA, midpoint line-drawing
 
|BSP trees; DDA, midpoint line-drawing
 
|Marschner, 12.4, 8.1-8.1.1, 8.3
 
|Marschner, 12.4, 8.1-8.1.1, 8.3
|<!--[https://docs.google.com/presentation/d/1MX_ZHI8v2I66nM1fJjCWX4_hEsD5qZjGKB3s6q62pbQ/edit?usp=sharing slides] [https://youtu.be/QY59DK9PfQg recording]<br>-->[[CISC440_S2021_HW4|HW #4]]
+
|[https://docs.google.com/presentation/d/1MX_ZHI8v2I66nM1fJjCWX4_hEsD5qZjGKB3s6q62pbQ/edit?usp=sharing slides] <!--[https://youtu.be/QY59DK9PfQg recording]<br>--><!--[[CISC440_S2021_HW4|HW #4]]-->
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|18
 
|style="background:rgb(102, 204, 255)"|18
Line 357: Line 357:
 
|Bezier curves and surfaces, Catmull-Rom splines, subdivision
 
|Bezier curves and surfaces, Catmull-Rom splines, subdivision
 
|Marschner, 15-15.6.1 (ignore material on knots, Hermite form)
 
|Marschner, 15-15.6.1 (ignore material on knots, Hermite form)
|<!--[https://docs.google.com/presentation/d/11AfwRA3Hl6Fbto0BphNKoT0Wk_We2lZxOdzOkkheysU/edit?usp=sharing slides] [https://youtu.be/9LIe0C_7fJ8 recording]-->
+
|[https://docs.google.com/presentation/d/1ouTVARZAtF03rMeaPfN168sejauUjLalAz0A4z9xQvo/edit?usp=sharing slides]<br> <!--[https://youtu.be/9LIe0C_7fJ8 recording]-->
<!--[https://docs.google.com/presentation/d/1l1iPQGlKUeOgLsd1x0TQnqcccyrT0YZv1NBXAuxNcEM/edit?usp=sharing slides]--><!--[[CISC440_S2019_HW3|HW #3]]-->
+
<!--[https://docs.google.com/presentation/d/1l1iPQGlKUeOgLsd1x0TQnqcccyrT0YZv1NBXAuxNcEM/edit?usp=sharing slides]-->[[CISC440_S2022_HW4|HW #4]]
 
|-
 
|-
 
|19
 
|19
Line 365: Line 365:
 
|Ray casting, intersection testing
 
|Ray casting, intersection testing
 
|Marschner, 4
 
|Marschner, 4
|<!--[https://docs.google.com/presentation/d/1SVxn_vdDzClXHuCUwVbUX687463CZkTDKt9HeaRQWfE/edit?usp=sharing slides] [https://youtu.be/g6-E99EUBzg recording]-->
+
|[https://docs.google.com/presentation/d/1bBsjHCeh8B_V5iY33TTIQAy2Eqr_D6aGk5WHwZ1jrB4/edit?usp=sharing slides] <!--[https://youtu.be/g6-E99EUBzg recording]-->
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|20
 
|style="background:rgb(102, 204, 255)"|20
Line 372: Line 372:
 
|Shadow rays (including soft shadows, ambient occlusion)
 
|Shadow rays (including soft shadows, ambient occlusion)
 
|Marschner, 4
 
|Marschner, 4
|<!--[https://docs.google.com/presentation/d/1rIPYy-Ei4bKeWkzLBvq1ZOJziLF0sDbplfDz8-RI5D8/edit?usp=sharing slides] [https://youtu.be/I-8Jqyy3N0Y recording]-->
+
|[https://docs.google.com/presentation/d/1jQJ7H2vS3FG4pANTPT_amIEFBYu2uFi_QJXdHetVMBw/edit?usp=sharing slides] <!--[https://youtu.be/I-8Jqyy3N0Y recording]-->
 
|-
 
|-
 
|21
 
|21
|Apr. 28<br>''Withdraw deadline May 3''
+
|Apr. 28
 
|Ray tracing
 
|Ray tracing
 
|Reflections (including glossy), distributed/distribution ray tracing   
 
|Reflections (including glossy), distributed/distribution ray tracing   
 
|Marschner, 4
 
|Marschner, 4
|<!--[https://docs.google.com/presentation/d/1SvfLdCaRky7AzZVQrg6Z9hhDaP3ENOt_6tn5hCgXNXg/edit?usp=sharing slides] [https://youtu.be/2fpO6eacbnI recording]<br>''HW #4 due May 2''<br>-->[[CISC440_S2021_HW5|HW #5]]
+
|[https://docs.google.com/presentation/d/1CUYY8vrz6tp5axFoLsaQ8mnn8Hry7UyUKIH82JcFqZM/edit?usp=sharing slides]<br> <!--[https://youtu.be/2fpO6eacbnI recording]<br>''HW #4 due May 2''<br>--><!--[[CISC440_S2021_HW5|HW #5]]-->''HW #4 due May 1''
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|22
 
|style="background:rgb(102, 204, 255)"|22
|May 3
+
|May 3<br>''Withdraw deadline May 2''
 
|Global illumination
 
|Global illumination
|Finish refractions, super-sampling for anti-aliasing, spatial data structures
+
|Super-sampling for anti-aliasing, spatial data structures, start bidirectional ray tracing
 
|Marschner, 4<!--, [http://nameless.cis.udel.edu/class_data/cg/jensen_photon_mapping_tutorial.pdf tutorial]-->
 
|Marschner, 4<!--, [http://nameless.cis.udel.edu/class_data/cg/jensen_photon_mapping_tutorial.pdf tutorial]-->
|<!--[https://docs.google.com/presentation/d/1N4dAL3zSVXg9vAQLLkjppdQKVgBTqrs6A2u_iw5oQcA/edit?usp=sharing slides] [https://youtu.be/k5pB5qale60 recording]-->
+
|[https://docs.google.com/presentation/d/1IJhusG8R5bpoEW44MFI-9Togi1KX8ujcHViUoUZLXVo/edit?usp=sharing slides] <!--[https://youtu.be/k5pB5qale60 recording]-->
<!--[https://docs.google.com/presentation/d/1ouyej5ltRdqlp5x3FnqxWRq1cwmh9Lt-3PdRRHtpFOo/edit?usp=sharing slides]--><!--<br>''HW #3 due''<br>[[CISC440_S2019_HW4|HW #4]]-->
+
<!--[https://docs.google.com/presentation/d/1ouyej5ltRdqlp5x3FnqxWRq1cwmh9Lt-3PdRRHtpFOo/edit?usp=sharing slides]--><!--<br>''HW #3 due''-->[[CISC440_S2022_HW5|HW #5]]
 
|-
 
|-
 
|23
 
|23
 
|May 5
 
|May 5
 
|Global illumination
 
|Global illumination
|Bidirectional ray tracing, photon mapping
+
|Finish bidirectional ray tracing, photon mapping
 
|Marschner, 4, 12.3, 13.1, 13.4; [http://nameless.cis.udel.edu/class_data/cg/heckbert_bidirectional.pdf "Bidirectional Ray Tracing"] paper, [http://web.cs.wpi.edu/~emmanuel/courses/cs563/write_ups/zackw/photon_mapping/PhotonMapping.html photon mapping introduction], [http://www.cc.gatech.edu/~phlosoft/photon/ online demo]
 
|Marschner, 4, 12.3, 13.1, 13.4; [http://nameless.cis.udel.edu/class_data/cg/heckbert_bidirectional.pdf "Bidirectional Ray Tracing"] paper, [http://web.cs.wpi.edu/~emmanuel/courses/cs563/write_ups/zackw/photon_mapping/PhotonMapping.html photon mapping introduction], [http://www.cc.gatech.edu/~phlosoft/photon/ online demo]
|<!--[https://docs.google.com/presentation/d/1WH04rXH5x9uTjhsJtp12vP4OrncgaXxAcyqTRiKEaKI/edit?usp=sharing slides] [https://youtu.be/Q58G3JOhXvI recording]-->
+
|[https://docs.google.com/presentation/d/1eriqEd176ySEnrCsy3SRu9xJnEPyfJuXk1bhB3Vj7n8/edit?usp=sharing slides] <!--[https://youtu.be/Q58G3JOhXvI recording]-->
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|24
 
|style="background:rgb(102, 204, 255)"|24
Line 401: Line 401:
 
|Value/Perlin noise, rigging  
 
|Value/Perlin noise, rigging  
 
|Marschner, 11.5.2-11.5.3, Orange book 15
 
|Marschner, 11.5.2-11.5.3, Orange book 15
|<!--[https://docs.google.com/presentation/d/12V2lICdn3lsYzNZxCt8KYqjWInHwQkvjTK_Z460Ysig/edit?usp=sharing slides] [https://youtu.be/C7tauARIF_s recording]-->
+
|[https://docs.google.com/presentation/d/1gkhTDiVYiJwrndGUKrlx-3-XDIHDfIMnLXbuXNFCCUY/edit?usp=sharing slides] <!--[https://youtu.be/C7tauARIF_s recording]-->
 
|-
 
|-
 
|25
 
|25
|May 12
+
|style="background:rgb(244, 244, 0)"|May 12 [ONLINE, NOT LIVE -- <br>See YouTube recording]
 
|Final review
 
|Final review
 
|  
 
|  
 
|
 
|
|<!--[https://docs.google.com/presentation/d/1AtLxPuA42EA0PmlzMkUIBeQXcpCHcMbUrULtvKIAF9M/edit?usp=sharing slides] [https://youtu.be/z2wcCiseZ4E recording]-->
+
|[https://docs.google.com/presentation/d/1oGXQTMDv84jaWmhituIi8zic0NiexrKoLXeQeGPmmCY/edit?usp=sharing slides]<br>[https://youtu.be/z2wcCiseZ4E 2021 recording] (from 7:28 on)<br>
''HW #5 due''
+
[http://nameless.cis.udel.edu/class_data/cg/f2008_final_arial.pdf Sample final (2008)]
 +
 
 
|-
 
|-
|style="background:rgb(102, 204, 255)"|26
+
|style="background:rgb(102, 204, 255)"|
 
|May 17
 
|May 17
|SIGGRAPH videos
+
|style="background:rgb(255, 102, 0)"|NO CLASS<br>''Using class time for demos''
 
|  
 
|  
 
|
 
|
|
+
|''HW #5 due''
 
|-
 
|-
 
|
 
|
Line 423: Line 424:
 
|  
 
|  
 
|
 
|
|''demo sign up link will be here''
+
|[https://doodle.com/meeting/participate/id/aADkXXPe demo sign-up link] (if you are a pair, please write both of your names)
 
|-
 
|-
 
|
 
|
|May 19-26
+
|May 19
|FINAL EXAMS
+
|FINAL EXAM, 1-3 pm, Gore 304
 
|
 
|
 
|
 
|
 
|
 
|
 
|}
 
|}

Latest revision as of 08:28, 12 May 2022

Course information

Title CISC440/640 Computer Graphics
Description A first course in computer graphics covering fundamental concepts and techniques related to rasterization, textures, 2-D and 3-D transformations (including perspective projection), shading, hidden surface elimination, and anti-aliasing, as well as selected topics in modeling, animation, ray tracing, and global illumination. OpenGL will be used for programming; you should have some familiarity with C/C++ or be ready to learn it.
When Tuesdays and Thursdays, 11:00-12:15 pm
Where Alison 221
Instructor Christopher Rasmussen, 446 Smith Hall, cer@cis.udel.edu
Office hours Mondays, 1-3 pm
TA Seyedalireza Khoshsirat, alireza@udel.edu

TA office hours: Tuesdays 4-6 pm, https://udel.zoom.us/j/98667556558

Grading
  • 60% 5 programming assignments worth 12% each. Each homework will be due about 10 days after being assigned (more for the last one)
  • 20% Midterm exam
  • 20% Final exam. "Bonus topic" lecture material will not be tested
  • 2% Extra credit for completing course evaluation

Graduate students will be given extra tasks to complete or features to implement on each homework, and extra questions to answer on each exam.

Programming assignments will be graded on the basis of correctness, efficiency, and originality. This is not an introductory programming class, so coding style is not critical. However, if you want partial credit for something that doesn't quite work, it needs to be well-commented and easy to follow.

For the overall course grade, a preliminary absolute mark will be assigned to each student based on the percentage of the total possible points they earn according to the standard formula: A = 90-100, B = 80-90, C = 70-80, etc., with +'s and -'s given for the upper and lower third of each range, respectively. Based on the distribution of preliminary grades for all students (i.e., "the curve"), the instructor may increase these grades monotonically to calculate final grades. This means that your final grade can't be lower than your preliminary grade, and your final grade won't be higher than that of anyone who had a higher preliminary grade.

I will try to keep you informed about your standing throughout the semester. If you have any questions about grading or expectations at any time, please feel free to ask me.

Piazza
Academic policies Programming projects are due by midnight of the deadline day (with a grace period of a few hours afterward...after sunrise is definitely late). A late homework is a 0 without a valid prior excuse. To give you a little flexibility, you have 6 "late days" to use on homeworks to extend the deadline by one day each without penalty. No more than three late days may be used per assignment. Late days will automatically be subtracted, but as a courtesy please notify the instructor (and CC the TA) in an e-mail of your intention to use late days before the deadline. See submission instructions below.

The two exams will be closed book (i.e., no reference materials allowed). Unless otherwise instructed, you are responsible for all material covered up to the day of the exam, both from the assigned readings (everything in the Readings column of the Schedule below) and in lectures (excluding guest lectures).

Students can discuss problems with one another in general terms, but must work independently on programming assignments unless teams are explicitly allowed for that assignment. This also applies to online and printed resources: you may consult them as references (as long as you cite them), but the words and source code you turn in must be yours alone. The University's policies on academic dishonesty are set forth in the student code of conduct here.

Readings

Textbook (required) Fundamentals of Computer Graphics (4th ed.) [Marschner in calendar below]

Steve Marschner and Peter Shirley

CRC Press, 2016

Textbook web site: Author (most useful thing there is link to course with relevant slides), Publisher

This book is NOT at the campus bookstore. The publisher has it, but their prices are bad. On Amazon it's about $60 to rent a physical book for semester and (strangely!) $45 to buy a paperback version of it.

Instructions

OpenGL Key thing to note: We are using OpenGL 3.3 for programming! A lot of examples on the web are for older 2.x, so beware


Homeworks Assignment submissions should consist of a directory containing all code (your .cpp files, header files, makefile if applicable, etc.), any output data generated (e.g., images, movies, etc.), and an explanation of your approach, what worked and didn't work, etc. contained in a separate text or HTML file. Do not submit executables, .o files, or libraries, please! The directory you submit for each assignment should be packaged by tar'ing and gzip'ing it or just zip'ing it. The resulting file should be submitted through Canvas.

You may develop your OpenGL, C/C++ code in any fashion that is convenient--that is, with any compiler and operating system that you want--but you must avoid OS- and hardware-specific functions. Programs which use Python and other languages will not be accepted, nor any programs that rely heavily on OpenGL 2.x functions.

Schedule

Note: The blue squares in the "#" column below indicate Tuesdays.
UDCapture videos of in-person classes are available in the Media Gallery tab of this course's Canvas page

# Date Topic Notes Readings Assignments/slides
1 Feb. 8 [ONLINE]
Zoom link
(must be UD-authenticated, password 65536)
Introduction Graphics background, course information Marschner, 1-1.4 slides recording
2 Feb. 10 [ONLINE]
Zoom link
(must be UD-authenticated, password 65536)
2-D, 3-D Geometry Vector & matrix review, homogeneous coordinates, 2-D & 3-D transformations, quaternions Marschner, 2.4, 5.2-5.2.2, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2), 16.2.2 slides recording
3 Feb. 15 3-D Geometry More 3-D transformations, camera manipulation & the view volume Marschner, 6.5-7.2 slides
4 Feb. 17

Add/drop deadline Feb. 18

3-D Geometry Perspective projection, geometry pipeline, transformations with GLM Marschner, 7.3, 7.5; OpenGL tutorials #1 (including installation instructions), #3 slides

HW #1

5 Feb. 22
OpenGL/GLFW Program initialization, window creation, geometric primitives Marschner, 17-17.7, 17.9-17.11 slides
6 Feb. 24 OpenGL/GLFW Basic animation, user interface callbacks OpenGL tutorial #6 slides

interactive_tutorial03.cpp

7 Mar. 1 GPU programming Introduction to GLSL, vertex shaders vs. fragment shaders; GLSL texturing demo Marschner, 17.8; Orange book Chaps. 2-5 slides

texture_example.zip
HW #1 due

8 Mar. 3 Shading Radiometry: irradiance, radiosity, radiance, BRDFs Marschner, 10-10.2.1, 20-20.2 slides

HW #2

9 Mar. 8 [ONLINE, NOT LIVE --
See YouTube recording]
Shading Diffuse, specular reflection, Gouraud/Phong shading details; OpenGL, GLSL shading methods Marschner, 10-10.2.2; OpenGL tutorial #8 slides recording (start at 2:52 with "Reflectance Equation" slide)
10 Mar. 10 Textures Finish shading/lighting; texture-mapping basics, bump mapping Marschner, 11.2, 11.4 (homogeneous division material--not barycentric coords), 11.5 slides
11 Mar. 15 Textures Texturing pipeline, bump maps, lightmaps, environment maps, shadow maps Marschner, 11.1.3-11.1.4, 11.3 slides
12 Mar. 17 Finish textures; midterm review slides

2014 midterm (ignore Q5, Q7, Q9-Q11)
2004 midterm (look at questions 1.1, 1.2, 2.1, and 3.2 only)
HW #2 due

13 Mar. 22 MIDTERM EXAM
14 Mar. 24 Particle systems Flocking; introduction to Bullet physics library OpenGL tutorial on clicking, Bullet physics manual (you don't have to read all of it, it's just for reference); Marschner, 11.1.3-11.1.4, 11.3 slides

HW #3

Mar. 29 NO CLASS
Spring break
Mar. 31 NO CLASS
Spring break
Apr. 5 NO CLASS
Instructor away
15 Apr. 7 Textures, clipping Bilinear vs. nearest-neighbor filtering, magnification/minification, mipmaps; line and triangle clipping Marschner, 11.4.4-11.4.5 slides
16 Apr. 12 Hidden surface elimination Backface culling, Z-buffering, painter's algorithm Marschner, 8.1.3-8.1.6,, 8.2-8.2.3, 8.4 slides
HW #3 due
17 Apr. 14 Finish hidden surface elimination; line drawing BSP trees; DDA, midpoint line-drawing Marschner, 12.4, 8.1-8.1.1, 8.3 slides
18 Apr. 19 A little Blender, shape modeling Bezier curves and surfaces, Catmull-Rom splines, subdivision Marschner, 15-15.6.1 (ignore material on knots, Hermite form) slides

HW #4

19 Apr. 21 Ray tracing Ray casting, intersection testing Marschner, 4 slides
20 Apr. 26 Ray tracing Shadow rays (including soft shadows, ambient occlusion) Marschner, 4 slides
21 Apr. 28 Ray tracing Reflections (including glossy), distributed/distribution ray tracing Marschner, 4 slides
HW #4 due May 1
22 May 3
Withdraw deadline May 2
Global illumination Super-sampling for anti-aliasing, spatial data structures, start bidirectional ray tracing Marschner, 4 slides

HW #5

23 May 5 Global illumination Finish bidirectional ray tracing, photon mapping Marschner, 4, 12.3, 13.1, 13.4; "Bidirectional Ray Tracing" paper, photon mapping introduction, online demo slides
24 May 10 Noise, bonus topic: animation basics Value/Perlin noise, rigging Marschner, 11.5.2-11.5.3, Orange book 15 slides
25 May 12 [ONLINE, NOT LIVE --
See YouTube recording]
Final review slides
2021 recording (from 7:28 on)

Sample final (2008)

May 17 NO CLASS
Using class time for demos
HW #5 due
May 17-18 HW #5 demos demo sign-up link (if you are a pair, please write both of your names)
May 19 FINAL EXAM, 1-3 pm, Gore 304