Difference between revisions of "CISC440 S2023"

From class_wiki
Jump to: navigation, search
(→‎Readings)
(→‎Schedule)
 
(88 intermediate revisions by the same user not shown)
Line 21: Line 21:
 
|-
 
|-
 
|valign="top"|'''Office hours'''
 
|valign="top"|'''Office hours'''
−
|Mondays and Wednesdays, 2-3 pm
+
|Mondays, 9-10:30 am and Thursdays, 10-11 am in Smith 211
 
|-
 
|-
 
|valign="top"|'''TA'''
 
|valign="top"|'''TA'''
 
|Seyedalireza Khoshsirat, alireza@udel.edu<br>
 
|Seyedalireza Khoshsirat, alireza@udel.edu<br>
−
TA office hours: ???
+
TA office hours: Thursdays, 4-6 pm. In Smith 203 first two weeks of course, then Smith 102A for the rest of the semester
 
|-
 
|-
 
|valign="top"|'''Grading'''  
 
|valign="top"|'''Grading'''  
Line 68: Line 68:
 
Steve Marschner and Peter Shirley  
 
Steve Marschner and Peter Shirley  
  
−
CRC Press, 2016.  5th edition came out in 2021
+
CRC Press, 2016.  5th edition came out in 2021 and it's easier to get, but some of the chapter references below might not match perfectly
  
 
Textbook web site: [http://www.cs.cornell.edu/~srm/fcg4/ Author] (most useful thing there is link to course with relevant slides), [https://www.routledge.com/Fundamentals-of-Computer-Graphics/Marschner-Shirley/p/book/9780367505035 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.routledge.com/Fundamentals-of-Computer-Graphics/Marschner-Shirley/p/book/9780367505035 Publisher]
Line 205: Line 205:
 
|Graphics background, course information  
 
|Graphics background, course information  
 
|Marschner, 1-1.4
 
|Marschner, 1-1.4
−
|<!--[https://docs.google.com/presentation/d/1yKzB2eSpmy-rMczBg5ES_Pd1NxCUAnmfj9xHSqI7oOs/edit?usp=sharing slides] [https://youtu.be/z7X22m02Fb8 recording]-->
+
|[https://docs.google.com/presentation/d/1vVAAEjCeOg35QtOtSNSmUcjykjk3OHmqNuBI4DhUO_Q/edit?usp=sharing slides] <!--[https://youtu.be/z7X22m02Fb8 recording]-->
 
|-
 
|-
 
|2
 
|2
 
|Feb. 8  
 
|Feb. 8  
−
|2-D, 3-D Geometry
+
|2-D geometry
−
|Vector & matrix review, homogeneous coordinates, 2-D & 3-D transformations, quaternions
+
|Vector & matrix review, homogeneous coordinates, 2-D transformations
−
|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)  
−
|<!--[https://docs.google.com/presentation/d/1md__lXuGzI79h5a5SX0bMSpexCF7e2SLcyeVD1RlN6E/edit?usp=sharing slides] [https://youtu.be/IT8cwtCNt1Y recording]-->
+
|[https://docs.google.com/presentation/d/17T9DnyiSkGGTJX7t5sE59JqBUL8cD2meSDhMimIVwaA/edit?usp=sharing slides] <!--[https://youtu.be/IT8cwtCNt1Y recording]-->
 
|-
 
|-
 
|3
 
|3
 
|Feb. 10
 
|Feb. 10
−
|
+
|3-D geometry
−
|
+
|3-D transformations, quaternions, 3-D coordinate systems
−
|
+
|Marschner, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2), 6.5, 16.2.2
−
|
+
|[https://docs.google.com/presentation/d/1bqwGV72K9dhnr5LqpQbjaQIe1goULnnwupflwqUf2Rw/edit?usp=sharing slides]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|4
 
|style="background:rgb(102, 204, 255)"|4
 
|Feb. 13
 
|Feb. 13
 
|3-D Geometry
 
|3-D Geometry
−
|More 3-D transformations, camera manipulation & the view volume
+
|3-D coordinate system transformations, setting the camera pose
−
|Marschner, 6.5-7.2 <!--; Red book, 3 -->
+
|Marschner, 6.5, 7.1.3
−
|<!--[https://docs.google.com/presentation/d/1_e5Ya9KFMegxahVkfFbx42cWcU3wSUHo-n-ST0y1tdc/edit?usp=sharing slides] --> <!--[https://youtu.be/fTEl2agGfRM recording]-->
+
|[https://docs.google.com/presentation/d/1w8n52QUu3UZ6nOhnIrbNPC56EjdFu-jTqonGuhPCiwQ/edit?usp=sharing slides] <!--[https://youtu.be/fTEl2agGfRM recording]-->
 
|-
 
|-
 
|5
 
|5
 
|Feb. 15
 
|Feb. 15
 
|3-D Geometry
 
|3-D Geometry
−
|Perspective projection, geometry pipeline, transformations with GLM
+
|Parallel and orthographic projections, canonical views
−
|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-7.1, 7.5 <!--Red book, 1, 2 (stop before stippling) -->
−
|<!--[https://docs.google.com/presentation/d/12cQUtp-F-bVqbGyiwXKcTNX6H1DDtHrXa5Hqn1TD3zg/edit?usp=sharing slides] --> <!--[https://youtu.be/w8FHw2nbVkk recording]<br>-->
+
|[https://docs.google.com/presentation/d/1Ts2M_1oE0FG3846DkW35AGRjVJqTk7xkqGTsA7KiM0Q/edit?usp=sharing slides] <!--[https://youtu.be/w8FHw2nbVkk recording]<br>-->
 
|-
 
|-
 
|6
 
|6
 
|Feb. 17<br>
 
|Feb. 17<br>
 
''Add/drop deadline''
 
''Add/drop deadline''
−
|
+
|3-D Geometry
−
|
+
|Perspective projection, geometry pipeline, transformations with GLM
−
|
+
|Marschner, 7.2-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]
−
|[[CISC440_S2022_HW1|HW #1]]
+
|[https://docs.google.com/presentation/d/107zTltMU1y-rjuQLPgp4tovB-EM_3mzrWn1QkbM_wJY/edit?usp=sharing slides]<br>[[CISC440_S2023_HW1|HW #1]]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|7
 
|style="background:rgb(102, 204, 255)"|7
Line 248: Line 248:
 
|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/1uLG4VU2WqfWITXlfOJGGQfZaphj-W0U_MA2mLJDcS9Y/edit?usp=sharing slides]--> <!--[https://youtu.be/e2sqi1dLi-g recording]-->
+
|[https://docs.google.com/presentation/d/1la5G67JXufTpLQjTw44BfmvRzN05uSweXC2Y8RJCSBo/edit?usp=sharing slides] <!--[https://youtu.be/e2sqi1dLi-g recording]-->
 
|-
 
|-
 
|8
 
|8
Line 255: Line 255:
 
|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/1vebSOvrIl_eggURQZFEECjUC-Qgdz62OqbLDtuXQ0pI/edit?usp=sharing slides]<br>--> <!--[https://youtu.be/MsM8tltFyig recording]<br>-->
+
|[https://docs.google.com/presentation/d/1aFE8xGiGvnC67rIkMXAy_iZHED2Zdbxo4BNTI73fo1E/edit?usp=sharing slides]<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]
 
|-
 
|-
 
|9
 
|9
 
|Feb. 24
 
|Feb. 24
−
|
+
|GPU programming
−
|
+
|Vertex shaders vs. fragment shaders; introduction to GLSL; 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]
−
|
+
|[https://docs.google.com/presentation/d/1SKjA27aPHvyP8__QU-sTDYjn_u7xrFngNxOMp5yfHkg/edit?usp=sharing slides]<br>
 +
[https://drive.google.com/file/d/1Rqintt2trrQIu7PIxjte7KYpFo5xn-aN/view?usp=sharing texture_example.zip]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|10
 
|style="background:rgb(102, 204, 255)"|10
 
|Feb. 27
 
|Feb. 27
−
|GPU programming
+
|Texture basics, shading
−
|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/1-zaeNVque_o4YZZBtwUkIFufHJvKk4QHKrmqpzVqMVM/edit?usp=sharing slides]<br>
+
|[https://docs.google.com/presentation/d/1WuqzBrPjys4g88r7fKdN1MlH45jVufbexMlcLEeKKGY/edit?usp=sharing slides]<br>''HW #1 due''
−
[https://drive.google.com/file/d/1Rqintt2trrQIu7PIxjte7KYpFo5xn-aN/view?usp=sharing texture_example.zip]<br>-->''HW #1 due''
 
 
|-
 
|-
 
|11
 
|11
Line 278: Line 278:
 
|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/1WN9zReQ0w7-YaL0QsCp7azCCFWcv2ANQriLRkITFTT0/edit?usp=sharing slides]<br>-->
+
|[https://docs.google.com/presentation/d/10F0cvnSdhKczUqLZgxcEeQ5ee-qIbV86Y56GSiBbu3A/edit?usp=sharing slides]
 
|-
 
|-
 
|12
 
|12
 
|Mar. 3
 
|Mar. 3
 +
|Shading
 +
|Diffuse, specular reflection approximations; Gouraud/Phong shading details
 
|
 
|
−
|
+
|[https://docs.google.com/presentation/d/112ad2J_Djfsfa0hn6AyP4Js2P6DeME-IiuIEE7ZvXzg/edit?usp=sharing slides]
−
|
 
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|13
 
|style="background:rgb(102, 204, 255)"|13
 
|Mar. 6  
 
|Mar. 6  
−
|Shading
+
|HW #2/Textures
−
|Diffuse, specular reflection, Gouraud/Phong shading details; OpenGL, GLSL shading methods
+
|OpenGL, GLSL shading methods and HW #2 details; texture applications
 
|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/1SG3DpKRJ5xHGIt8jfhM47VI4i_W4OkLGJASa5e_WQ4Q/edit?usp=sharing slides] [https://youtu.be/Lz_uasq9Ptw?t=172 recording] (start at 2:52 with "Reflectance Equation" slide) -->|[[CISC440_S2022_HW2|HW #2]]
+
|[https://docs.google.com/presentation/d/1eGsjpK8fMVDpkJx1AHmdEMvGMcRwFHqDqyRAP4Y-Xi4/edit?usp=sharing slides]<br> <!--[https://youtu.be/Lz_uasq9Ptw?t=172 recording] (start at 2:52 with "Reflectance Equation" slide) -->[[CISC440_S2023_HW2|HW #2]]
 
|-
 
|-
 
|14
 
|14
 
|Mar. 8
 
|Mar. 8
 
|Textures
 
|Textures
−
|Finish shading/lighting; texture-mapping basics, bump mapping
+
|Bump mapping, lightmaps, texturing pipeline, environment maps
−
|Marschner, 11.2, 11.4 (homogeneous division material--not barycentric coords), 11.5 <!--; Red book, 9 (through "Assigning texture coordinates")    -->
+
|Marschner, 11.1.3-11.1.4, 11.3
−
|<!--[https://docs.google.com/presentation/d/15UKqX4YddtsjVe9_zrHrWZsdsR5xQ803lJNy_HpYKPc/edit?usp=sharing slides] --> <!--[https://youtu.be/eF8Y9lmXdJc recording]-->
+
|[https://docs.google.com/presentation/d/1YeqQENM73NbO6gtEOLxen7xWHzQpjMHSx0zWEIfIX14/edit?usp=sharing slides] <!--[https://youtu.be/eF8Y9lmXdJc recording]-->
 
|-
 
|-
 
|15
 
|15
 
|Mar. 10
 
|Mar. 10
−
|
+
|Textures
−
|
+
|Reflection mapping, shadow maps
−
|
+
|Marschner, 11.4.4-11.4.5
−
|
+
|[https://docs.google.com/presentation/d/12AKF0euwbzEbxqJoWdUkO2GKo9ihzoaNN19VMi1gNys/edit?usp=sharing slides]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|16
 
|style="background:rgb(102, 204, 255)"|16
 
|Mar. 13
 
|Mar. 13
 
|Textures<!--Motion/simulation-->
 
|Textures<!--Motion/simulation-->
−
|Texturing pipeline, bump maps, lightmaps, environment maps, shadow maps<!--Particle systems, flocking-->
+
|Bilinear vs. nearest-neighbor filtering, magnification/ minification, mipmaps
−
|Marschner, 11.1.3-11.1.4, 11.3<!--Marschner, 16.7-->
+
|Marschner, 11.2.2, 11.3.3-11.3.4<!--Marschner, 16.7-->
−
|<!--[https://docs.google.com/presentation/d/1-IOCDhNo-ZmHUtOdFqjLfCMs7nrc2kXI6FzB0DGZRuw/edit?usp=sharing slides] --> <!--[https://youtu.be/Y_0KMPbe5p4 recording]-->
+
|[https://docs.google.com/presentation/d/1H-XIjE1gSXBiMIqNrya3VJbX_4VdPC0Db3Myk2XZLz4/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 318: Line 319:
 
|17
 
|17
 
|Mar. 15
 
|Mar. 15
−
|Textures, clipping
+
|Rasterization (line drawing)
−
|Bilinear vs. nearest-neighbor filtering, magnification/minification, mipmaps; line and triangle clipping
+
|DDA, midpoint line-drawing
−
|Marschner, 11.4.4-11.4.5
+
|
−
|<!--[https://docs.google.com/presentation/d/1swN-LsHBaNch8g528nRBBqDsDNpsuWOo3adMxtjzyOg/edit?usp=sharing slides]<br> --> <!--[https://youtu.be/iuB-QE7tBaM recording]<br>-->
+
|[https://docs.google.com/presentation/d/1AkfmQBpkRhxAhKcpERy6wFX4Hs-hvHGS-25T2J72rJA/edit?usp=sharing slides]
−
<!-- [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>-->
 
 
|-
 
|-
 
|18
 
|18
 
|Mar. 17
 
|Mar. 17
−
|
+
|Clipping
−
|
+
|Line and triangle clipping
−
|
+
|Marschner, 8.1.3-8.1.6
−
|''HW #2 due''
+
|[https://docs.google.com/presentation/d/1WVwmlSydMjFAFCxHW5CbIQ7lFHYDry5CwEgcu2u6bQ4/edit?usp=sharing slides]<br>[https://docs.google.com/document/d/1fShE-6YLQgrfFntGa_Qt9c18waindpGrsxgOY8JIYN4/edit?usp=sharing 2022 midterm exam]<br>''HW #2 due''
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|19
 
|style="background:rgb(102, 204, 255)"|19
Line 337: Line 336:
 
|
 
|
 
|
 
|
−
|
+
|[https://docs.google.com/presentation/d/1EuAxCw6WXyxT9yW_7JDdD5BowM7GS_5OuNhfocKTC3I/edit?usp=sharing slides]
 
|-
 
|-
 
|20
 
|20
Line 346: Line 345:
 
|<!--[https://docs.google.com/presentation/d/1woKaeFv-IQhPoKzUuzYK5cqqO9G9n7t7KjXm1yhsm64/edit?usp=sharing slides]<br>-->
 
|<!--[https://docs.google.com/presentation/d/1woKaeFv-IQhPoKzUuzYK5cqqO9G9n7t7KjXm1yhsm64/edit?usp=sharing slides]<br>-->
 
|-
 
|-
−
|21
+
|
 
|Mar. 24
 
|Mar. 24
−
|Bonus material (won't be tested)
+
|style="background:rgb(255, 102, 0)"|NO CLASS<br>''Spring break starts early''
 
|
 
|
 
|
 
|
Line 381: Line 380:
 
|
 
|
 
|-
 
|-
−
|22
+
|21
 
|style="background:rgb(244, 244, 0)"|Apr. 5 [ONLINE, NOT LIVE -- see YouTube recording]
 
|style="background:rgb(244, 244, 0)"|Apr. 5 [ONLINE, NOT LIVE -- see YouTube recording]
 +
|Particle systems
 +
|Basics not including flocking
 
|
 
|
−
|
+
|[https://docs.google.com/presentation/d/1L1weiRmq8BINid6M88RZ_d6UMtk0YvsZCF2l0lAws-I/edit?usp=sharing slides]<br>[https://www.youtube.com/watch?v=fT4hFO2TDDk recording] (stop at 48:18)
−
|
 
−
|
 
 
|-
 
|-
−
|23
+
|22
 
|Apr. 7
 
|Apr. 7
 
|Particle systems  
 
|Particle systems  
−
|Flocking; introduction to [https://pybullet.org/wordpress/ Bullet physics library]
+
|Flocking, introduction to [https://pybullet.org/wordpress/ Bullet physics library]
−
|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
+
|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)  
 
|<!--[https://docs.google.com/presentation/d/1s6aKCPNIcnm2j5XpjfBmr4XQa7UAc7ijCY05x9dNraM/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]-->[[CISC440_S2022_HW3|HW #3]]
+
[https://docs.google.com/presentation/d/1W0IMxrsEmdrueLMqFkZxEtmqQeYkMukZfTu0SDfaJcg/edit?usp=sharing slides]<br>[[CISC440_S2023_HW3|HW #3]]
 
|-
 
|-
−
|style="background:rgb(102, 204, 255)"|24
+
|style="background:rgb(102, 204, 255)"|23
 
|Apr. 10
 
|Apr. 10
−
|Hidden surface elimination
+
|HW #3
−
|Backface culling, Z-buffering, painter's algorithm
+
|  
−
|Marschner, 8.1.3-8.1.6,, 8.2-8.2.3, 8.4
+
|  
−
|<!--[https://docs.google.com/presentation/d/1Ft9Hg01CEW0wGLFwIO6vq2pDD1IZz2OBRLacoCtk3Kc/edit?usp=sharing slides]<br>--> <!--[https://youtu.be/8i-FN7WJM1c recording]<br>=-->
+
|[https://docs.google.com/presentation/d/1Cb_rEjba_lLaouhVin9LE10fKCsW7P3JppaUppmbM6Y/edit?usp=sharing slides] <!--[https://youtu.be/8i-FN7WJM1c recording]<br>=-->
 
|-
 
|-
−
|25
+
|24
 
|Apr. 12
 
|Apr. 12
−
|Finish hidden surface elimination
+
|Hidden surface elimination, start shape modeling
−
|BSP trees  
+
|Painter's algorithm, BSP trees
−
|Marschner, 12.4, 8.1-8.1.1, 8.3
+
|Marschner, 8.1-8.1.1, 8.2-8.2.3, 8.3-8.4, 12.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]]-->
+
|[https://docs.google.com/presentation/d/15EeGacWdsh-vWI81kYdKcQJq0D3flUU7RmFvkiHcBns/edit?usp=sharing slides] <!--[https://youtu.be/QY59DK9PfQg recording]<br>--><!--[[CISC440_S2021_HW4|HW #4]]-->
 
|-
 
|-
−
|26
+
|25
 
|Apr. 14
 
|Apr. 14
−
|Rasterization (line drawing)
+
|Shape modeling
−
|DDA, midpoint line-drawing
+
|Bezier curves and surfaces, Catmull-Rom splines, subdivision
−
|
+
|Marschner, 15-15.6.1 (ignore material on knots, Hermite form)
−
|
+
|[https://docs.google.com/presentation/d/1UWwVc1zCmMEhpGBiQkesGCwXz0OerA6B5U3LfbPIG38/edit?usp=sharing slides]
 
|-
 
|-
−
|style="background:rgb(102, 204, 255)"|27
+
|style="background:rgb(102, 204, 255)"|26
 
|Apr. 17
 
|Apr. 17
−
|A little [http://www.blender.org Blender], shape modeling
+
|[http://www.blender.org Blender] for HW #4
−
|Bezier curves and surfaces, Catmull-Rom splines, subdivision
+
|Organic shape modeling
−
|Marschner, 15-15.6.1 (ignore material on knots, Hermite form)
+
|
−
|<!--[https://docs.google.com/presentation/d/1ouTVARZAtF03rMeaPfN168sejauUjLalAz0A4z9xQvo/edit?usp=sharing slides]<br>--> <!--[https://youtu.be/9LIe0C_7fJ8 recording]-->
+
|[https://www.youtube.com/watch?v=iEVAGnR2GRQ Blender modeling tutorial video]<br>''HW #3 due''
−
<!--[https://docs.google.com/presentation/d/1l1iPQGlKUeOgLsd1x0TQnqcccyrT0YZv1NBXAuxNcEM/edit?usp=sharing slides]-->''HW #3 due''
+
|-
 +
|27
 +
|Apr. 19
 +
|[http://www.blender.org Blender] for HW #4
 +
|UV unwrapping, texture painting
 +
|
 +
|[https://www.youtube.com/watch?v=xPoxqOcUzNQ Blender UV unwrapping], [https://www.youtube.com/watch?v=lmbAs9jE1vI texture painting]<br>[[CISC440_S2023_HW4|HW #4]]
 
|-
 
|-
 
|28
 
|28
−
|Apr. 19
+
|Apr. 21
 
|Ray tracing
 
|Ray tracing
 
|Ray casting, intersection testing
 
|Ray casting, intersection testing
 
|Marschner, 4
 
|Marschner, 4
−
|<!--[https://docs.google.com/presentation/d/1bBsjHCeh8B_V5iY33TTIQAy2Eqr_D6aGk5WHwZ1jrB4/edit?usp=sharing slides] --> <!--[https://youtu.be/g6-E99EUBzg recording]--> [[CISC440_S2022_HW4|HW #4]]
+
|[https://docs.google.com/presentation/d/10xsTP8W1xMdwkkCLewLyNeeep2DmQtTvGNTit0VVkaI/edit?usp=sharing slides]
 
|-
 
|-
−
|29
+
|style="background:rgb(102, 204, 255)"|29
−
|Apr. 21
 
−
|
 
−
|
 
−
|
 
−
|
 
−
|-
 
−
|style="background:rgb(102, 204, 255)"|30
 
 
|Apr. 24
 
|Apr. 24
 
|Ray tracing
 
|Ray tracing
 
|Shadow rays (including soft shadows, ambient occlusion)
 
|Shadow rays (including soft shadows, ambient occlusion)
 
|Marschner, 4
 
|Marschner, 4
−
|<!--[https://docs.google.com/presentation/d/1jQJ7H2vS3FG4pANTPT_amIEFBYu2uFi_QJXdHetVMBw/edit?usp=sharing slides] --> <!--[https://youtu.be/I-8Jqyy3N0Y recording]-->
+
|[https://docs.google.com/presentation/d/1kR9yTjZjcN0u-ZRIiW_dOVBL5j5hMzDUnv79ksx4lOw/edit?usp=sharing slides] <!--[https://youtu.be/I-8Jqyy3N0Y recording]-->
 
|-
 
|-
−
|31
+
|30
 
|Apr. 26
 
|Apr. 26
 
|Ray tracing
 
|Ray tracing
−
|Reflections (including glossy), distributed/distribution ray tracing
+
|Reflections (including glossy), distributed/distribution ray tracing, super-sampling for anti-aliasing
−
|Marschner, 4
+
|Marschner, 4, 13.1, 13.4
−
|<!--[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]]-->
+
|[https://docs.google.com/presentation/d/15LYGNQfBA50r6WE-tFLe2ZcjDHLYIdqeeyY_GUgCNe8/edit?usp=sharing slides] <!--[https://youtu.be/2fpO6eacbnI recording]<br>''HW #4 due May 2''<br>--><!--[[CISC440_S2021_HW5|HW #5]]-->
 
|-
 
|-
−
|32
+
|31
 
|Apr. 28
 
|Apr. 28
−
|
+
|Global illumination
−
|
+
|Spatial data structures for ray tracing, bidirectional ray tracing
−
|
+
|Marschner, 4, 12.3; [http://nameless.cis.udel.edu/class_data/cg/heckbert_bidirectional.pdf "Bidirectional Ray Tracing"] paper
−
|''HW #4 due''
+
|[https://docs.google.com/presentation/d/15kv-JNiM8q-LF4famMs8gdXovD13Nd3mwLM7hmHuKJQ/edit?usp=sharing slides]<br>''HW #4 due''
 
|-
 
|-
−
|style="background:rgb(102, 204, 255)"|33
+
|style="background:rgb(102, 204, 255)"|32
 
|May 1<br>''Withdraw deadline''
 
|May 1<br>''Withdraw deadline''
 
|Global illumination
 
|Global illumination
−
|Super-sampling for anti-aliasing, spatial data structures, start bidirectional ray tracing
+
|Photon mapping/path tracing
−
|Marschner, 4<!--, [http://nameless.cis.udel.edu/class_data/cg/jensen_photon_mapping_tutorial.pdf tutorial]-->
+
|[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/1IJhusG8R5bpoEW44MFI-9Togi1KX8ujcHViUoUZLXVo/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''-->[[CISC440_S2022_HW5|HW #5]]
+
[https://docs.google.com/presentation/d/1up96OsE4vRy7L6rN4QzQvO7_C5xODXwag5UwOo71mP4/edit?usp=sharing slides]<br>[[CISC440_S2023_HW5|HW #5]]
 
|-
 
|-
−
|34
+
|33
 
|May 3
 
|May 3
−
|Global illumination
+
|Finish photon mapping, start noise
−
|Finish bidirectional ray tracing, photon mapping
+
|Value/Perlin noise
−
|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, 11.5.2-11.5.3, Orange book 15
−
|<!--[https://docs.google.com/presentation/d/1eriqEd176ySEnrCsy3SRu9xJnEPyfJuXk1bhB3Vj7n8/edit?usp=sharing slides] --> <!--[https://youtu.be/Q58G3JOhXvI recording]-->
+
|[https://docs.google.com/presentation/d/1K3zuHpUpIYycbUzoe1_8xjIrZsjk5MaNZbAed3a0WiI/edit?usp=sharing slides] <!--[https://youtu.be/Q58G3JOhXvI recording]-->
 
|-
 
|-
−
|35
+
|34
 
|May 5
 
|May 5
 +
|Noise, Blender materials
 
|
 
|
 
|
 
|
 +
|[https://docs.google.com/presentation/d/1IQe9QIttsHIGHrAA97BhMC1WG_DbXK0pmIAGec-zFas/edit?usp=sharing slides]<br>[https://www.youtube.com/watch?v=LpDbJduDibE Blender materials tutorial]
 +
|-
 +
|style="background:rgb(102, 204, 255)"|
 +
|May 8
 +
|style="background:rgb(255, 102, 0)"|NO CLASS<br>''CIS Research Day''
 
|
 
|
 
|
 
|
−
|-
 
−
|style="background:rgb(102, 204, 255)"|36
 
−
|May 8
 
−
|Noise, bonus topic: animation basics
 
−
|Value/Perlin noise, rigging
 
−
|Marschner, 11.5.2-11.5.3, Orange book 15
 
 
|<!--[https://docs.google.com/presentation/d/1gkhTDiVYiJwrndGUKrlx-3-XDIHDfIMnLXbuXNFCCUY/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]-->
 
|-
 
|-
−
|37
+
|35
−
|style="background:rgb(244, 244, 0)"|May 10 [ONLINE, NOT LIVE -- <br>See YouTube recording]
+
|May 10  
−
|Final review
+
|More on Blender textures/materials; animation basics
−
|  
+
|Rigging, skeletons, skinning
 
|
 
|
−
|<!--[https://docs.google.com/presentation/d/1oGXQTMDv84jaWmhituIi8zic0NiexrKoLXeQeGPmmCY/edit?usp=sharing slides]<br>[https://youtu.be/z2wcCiseZ4E 2021 recording] (from 7:28 on)<br>
+
|[https://docs.google.com/presentation/d/1DF6nKJfA-H2KgLOVwaJYK_VElCEfIfM612azVpUfAzU/edit?usp=sharing slides]<br>[https://www.youtube.com/watch?v=moKFSMJwpmE Blender shader nodes]<br>[https://www.youtube.com/watch?v=TGMROCm7MMo Blender noise]  
−
[http://nameless.cis.udel.edu/class_data/cg/f2008_final_arial.pdf Sample final (2008)]-->
 
 
|-
 
|-
−
|38
+
|36
−
|May 12
+
|May 12  
−
|
+
|Final review
−
|
 
 
|
 
|
 
|
 
|
 +
|[https://docs.google.com/presentation/d/13fgCXGdWHehl9v8F3WVI8iNPS1GXIgZ_tMIdG6jFZak/edit?usp=sharing slides]
 
|-
 
|-
 
|style="background:rgb(102, 204, 255)"|
 
|style="background:rgb(102, 204, 255)"|
Line 509: Line 506:
 
|  
 
|  
 
|
 
|
−
|''HW #5 due''
+
|
 
|-
 
|-
 
|
 
|
−
|May 16-17
+
|May 16
−
|HW #5 demos
+
|Finish HW #5 demos
 
|  
 
|  
 
|
 
|
−
|<!--Demo sign-up link (if you are a pair, please write both of your names)-->
+
|[https://doodle.com/meeting/organize/id/ax2WQAzd May 15-16 demo sign-up link] (choose only one time, and if you are a pair please write both of your names)<br>''HW #5 due''
 
|-
 
|-
 
|
 
|
−
|May 18-25
+
|May 18
−
|Final exams
+
|Final exam
−
|
+
|1-3 pm, Gore 304
 
|
 
|
 
|
 
|
 
|}
 
|}

Latest revision as of 07:12, 12 May 2023

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 Mondays, Wednesdays, and Fridays, 11:15-12:05 pm
Where Gore 304
Instructor Christopher Rasmussen, 446 Smith Hall, cer@cis.udel.edu
Office hours Mondays, 9-10:30 am and Thursdays, 10-11 am in Smith 211
TA Seyedalireza Khoshsirat, alireza@udel.edu

TA office hours: Thursdays, 4-6 pm. In Smith 203 first two weeks of course, then Smith 102A for the rest of the semester

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.

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. or higher) [Marschner in calendar below]

Steve Marschner and Peter Shirley

CRC Press, 2016. 5th edition came out in 2021 and it's easier to get, but some of the chapter references below might not match perfectly

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 will rent an e-book of the 5th edition for 6 months for $77. On Amazon it's about $20 to rent a physical 4th edition book for semester and $50 to buy a used 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 Mondays.
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. 6 Introduction Graphics background, course information Marschner, 1-1.4 slides
2 Feb. 8 2-D geometry Vector & matrix review, homogeneous coordinates, 2-D transformations Marschner, 2.4, 5.2-5.2.2, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2) slides
3 Feb. 10 3-D geometry 3-D transformations, quaternions, 3-D coordinate systems Marschner, 6-6.3 (skip 6.1.6, 6.2.1-6.2.2), 6.5, 16.2.2 slides
4 Feb. 13 3-D Geometry 3-D coordinate system transformations, setting the camera pose Marschner, 6.5, 7.1.3 slides
5 Feb. 15 3-D Geometry Parallel and orthographic projections, canonical views Marschner, 7-7.1, 7.5 slides
6 Feb. 17

Add/drop deadline

3-D Geometry Perspective projection, geometry pipeline, transformations with GLM Marschner, 7.2-7.3, 7.5; OpenGL tutorials #1 (including installation instructions), #3 slides
HW #1
7 Feb. 20
 OpenGL/GLFW Program initialization, window creation, geometric primitives Marschner, 17-17.7, 17.9-17.11 slides
8 Feb. 22 OpenGL/GLFW Basic animation, user interface callbacks OpenGL tutorial #6 slides

interactive_tutorial03.cpp

9 Feb. 24 GPU programming Vertex shaders vs. fragment shaders; introduction to GLSL; GLSL texturing demo Marschner, 17.8; Orange book Chaps. 2-5 slides

texture_example.zip

10 Feb. 27 Texture basics, shading Marschner, 17.8; Orange book Chaps. 2-5 slides
HW #1 due
11 Mar. 1 Shading Radiometry: irradiance, radiosity, radiance, BRDFs Marschner, 10-10.2.1, 20-20.2 slides
12 Mar. 3 Shading Diffuse, specular reflection approximations; Gouraud/Phong shading details slides
13 Mar. 6 HW #2/Textures OpenGL, GLSL shading methods and HW #2 details; texture applications Marschner, 10-10.2.2; OpenGL tutorial #8 slides
HW #2
14 Mar. 8 Textures Bump mapping, lightmaps, texturing pipeline, environment maps Marschner, 11.1.3-11.1.4, 11.3 slides
15 Mar. 10 Textures Reflection mapping, shadow maps Marschner, 11.4.4-11.4.5 slides
16 Mar. 13 Textures Bilinear vs. nearest-neighbor filtering, magnification/ minification, mipmaps Marschner, 11.2.2, 11.3.3-11.3.4 slides
17 Mar. 15 Rasterization (line drawing) DDA, midpoint line-drawing slides
18 Mar. 17 Clipping Line and triangle clipping Marschner, 8.1.3-8.1.6 slides
2022 midterm exam
HW #2 due
19 Mar. 20 Midterm review slides
20 Mar. 22 MIDTERM EXAM
Mar. 24 NO CLASS
Spring break starts early
Mar. 27 NO CLASS
Spring break
Mar. 29 NO CLASS
Spring break
Mar. 31 NO CLASS
Spring break
Apr. 3 NO CLASS
Instructor away
21 Apr. 5 [ONLINE, NOT LIVE -- see YouTube recording] Particle systems Basics not including flocking slides
recording (stop at 48:18)
22 Apr. 7 Particle systems Flocking, introduction to Bullet physics library Marschner, 11.1.3-11.1.4, 11.3; OpenGL tutorial on clicking, Bullet physics manual (you don't have to read all of it, it's just for reference)

slides
HW #3

23 Apr. 10 HW #3 slides
24 Apr. 12 Hidden surface elimination, start shape modeling Painter's algorithm, BSP trees Marschner, 8.1-8.1.1, 8.2-8.2.3, 8.3-8.4, 12.4 slides
25 Apr. 14 Shape modeling Bezier curves and surfaces, Catmull-Rom splines, subdivision Marschner, 15-15.6.1 (ignore material on knots, Hermite form) slides
26 Apr. 17 Blender for HW #4 Organic shape modeling Blender modeling tutorial video
HW #3 due
27 Apr. 19 Blender for HW #4 UV unwrapping, texture painting Blender UV unwrapping, texture painting
HW #4
28 Apr. 21 Ray tracing Ray casting, intersection testing Marschner, 4 slides
29 Apr. 24 Ray tracing Shadow rays (including soft shadows, ambient occlusion) Marschner, 4 slides
30 Apr. 26 Ray tracing Reflections (including glossy), distributed/distribution ray tracing, super-sampling for anti-aliasing Marschner, 4, 13.1, 13.4 slides
31 Apr. 28 Global illumination Spatial data structures for ray tracing, bidirectional ray tracing Marschner, 4, 12.3; "Bidirectional Ray Tracing" paper slides
HW #4 due
32 May 1
Withdraw deadline 		Global illumination Photon mapping/path tracing photon mapping introduction, online demo

slides
HW #5

33 May 3 Finish photon mapping, start noise Value/Perlin noise Marschner, 11.5.2-11.5.3, Orange book 15 slides
34 May 5 Noise, Blender materials slides
Blender materials tutorial
May 8 NO CLASS
CIS Research Day
35 May 10 More on Blender textures/materials; animation basics Rigging, skeletons, skinning slides
Blender shader nodes
Blender noise
36 May 12 Final review slides
May 15 NO CLASS
Using class time for demos
May 16 Finish HW #5 demos May 15-16 demo sign-up link (choose only one time, and if you are a pair please write both of your names)
HW #5 due
May 18 Final exam 1-3 pm, Gore 304
Retrieved from "http://nameless.cis.udel.edu/class_wiki/index.php?title=CISC440_S2023&oldid=2808"