CPSC 424 Schedule

Week 1: 8/28-9/1

Topics: introduction; fundamentals

• Eck, chapter 1 (introduction)

• course introduction
• fundamentals (2D and 3D graphics)

• Eck, sections 2.1-2.2 (coordinate systems, color, 2D shapes)

• fundamentals (coordinate systems, color, transforms)

• Eck, sections 2.3.2-2.3.5 (transforms: translation, rotation, scaling; combining transforms)

• Eck, section 2.3 (transforms)

• fundamentals (transforms, combining transforms; hierarchical modeling)

Week 2: 9/4-9/8

Topics: hierarchical modeling, scene graphs; OpenGL 1.1 - geometry

• Eck, section 2.4 (hierarchical modeling)

• hierarchical modeling and scene graphs
• Cart.java (focus on the code right below the // TODO draw scene comment in display and the drawCart and drawWheel methods - don't worry about the rest)

• Eck, sections 3.1-3.3 (OpenGL 1.1 - shapes and colors, 3D coordinates and transforms, projection and viewing)
• Eck, sections 3.5, 3.6.2, and A.2
  Sections 3.5 (linear algebra), 3.6.2 (using JOGL), and A.2 (a brief introduction to C) contain supporting material that will be useful as we study OpenGL. You do not need to read all three sections for Wednesday's class, but you should look through them to note what information is there and then read them more carefully when that material becomes relevant.

• 3D graphics and OpenGL 1.1 (primitives, color, 3D transforms, coordinate systems, viewing pipeline)

• viewing and projection (viewing transform, perspective projections, orthographic parallel projections)

Week 3: 9/11-9/15

Topics: OpenGL 1.1 - geometry, lighting and materials

• projection, OpenGL and JOGL nuts and bolts (parallel projections, projections in OpenGL, OpenGL and JOGL nuts and bolts)

• Eck, section 3.4 (OpenGL 1.1 - polygonal meshes, glDrawArrays, glDrawElements)

• polygonal meshes (indexed face sets, glDrawElements and glDrawArrays)
• Dodecahedron.java

• Eck, sections 4.1-4.2 (OpenGL 1.1 - lighting and material)

• lab 3 tips
• lighting (lighting models, diffuse reflection)

Week 4: 9/18-9/22

Topics: lighting and materials, textures; scene graphs in 3D

• comments on lab 2
• lighting (basic lighting model - diffuse reflection, specular reflection, ambient light; color; attenuation)

• Eck, section 4.3 (image textures)

• lighting and shading (types of lights: ambient, point, directional, spot; flat and smooth shading; lighting and shading in OpenGL)

• Eck, section 4.4 (scene graphs in 3D)

• textures
• generating texture coordinates
• designing a scene graph data structure

Week 5: 9/25-9/29

Topics: WebGL - basics, JavaScript, GLSL

• Eck, sections 6.1-6.2 (programmable pipeline, WebGL basics)
• Eck, section A.3 (JavaScript)
  WebGL is an implementation of OpenGL for the web, and WebGL programs will be written in JavaScript. This section provides an overview of the key features of JavaScript. You should look through it to note key similarities and differences from Java, then refer back to it as needed for the details.

• comments on lab 3
• WebGL basics (programmable pipeline, program structure)
• examples - view page source to see the program text
  • Hello WebGL! (WebGL program structure, simple shaders)
• support code
  • webgl-utils.js (utility functions)

• Eck, section 6.3 (GLSL)

• GLSL

• review information

Week 6: 10/2-10/6

Topics: WebGL and GLSL - textures, transformations

• Eck, sections 6.4-6.5 (WebGL - image textures, 2D transforms)

• WebGL - image textures (review of vertex and fragment shaders, image textures)
• examples - view page source to see the program text
  • single texture
  • multiple textures
  • also applying modeling transform to texture coordinates
• support code
  • webgl-utils.js (utility functions)

• Eck, sections 6.5, 7.1 (WebGL - 2D and 3D transforms)

• WebGL - transforms (viewing pipeline, modeling transforms, viewing and projection)
• examples - view page source to see the program text
  • incorporating modelview and projection transforms
  • transforms and textures
• support code
  • webgl-utils.js (utility functions)
  • gl-matrix-min.js (glMatrix)
  • simple-rotator.js, trackball-rotator.js (mouse-driven rotation)
  • basic-object-models-IFS.js (object definitions)

• Eck, section B.1 (in Appendix B)
  It is most effective to read this section along with running Blender, so you can try out the operations right away. You will be best able to make the most of Friday's time in class if you do this before coming to class, but if you are short on time, at least looking through the section to get a sense of how Blender works (without running Blender) is better than nothing. Blender is available on the lab computers, and the introduction to Appendix B indicates how to get it if you want to install it on your own computer.

Week 7: 10/9-10/13

Topics: WebGL - lighting and materials

• Eck, section 7.2 (WebGL - lighting and material)

• WebGL - lighting and shading (implementing lighting models, shading models)
• examples - view page source to see the program text
  • simple lighting equation

• exam 1 redo information, comments on exam 1 - redo due 11/1

• Eck, section B.2 (in Appendix B)

Week 8: 10/16-10/20

Topics: WebGL - lighting and materials, textures

• WebGL - lighting and shading (flat, smooth/Gouraud, Phong shading; full lighting model; non-EC lights; two-sided lighting; other lighting models)

• Eck, sections 7.3.1-7.3.2 (WebGL - texture transforms, generated texture coordinates)

• WebGL - textures (incorporating textures and lighting, texture transforms, generating texture coordinates)

• Eck, section 7.3.3 (procedural textures)

• info about lab 7 (navigating through the provided code, your task, working with GLSL structs and arrays)
• procedural textures
• some examples of animated procedural textures: flesh, slime, copper, mercury, gold, stucco, amber, sparks

Week 9: 10/23-10/27

Topics: WebGL - more applications of textures (bump maps, cubemaps, environment mapping, framebuffers and dynamic cubemaps)

• Eck, section 7.3.4 (bump maps)

• bump mapping

• Eck, section 6.4.4 (cubemaps)
• Eck, section 7.3.5 (environment mapping)

• cubemaps and environment mapping

• Eck, section 7.4 (framebuffers)

• dynamic cubemaps and framebuffers

Week 10: 10/30-11/3

Topics: three.js

• Eck, section 5.1 (three.js - basics)

• lab 6 comments (managing transforms in WebGL)
  • examples for comparison: JOGL, WebGL
• three.js basics
• examples - view page source to see the program text
  • simple scene
  • hierarchical modeling

• Eck, section 5.2 (three.js - building objects, textures, transforms)

• lab 7 comments (ambient)
• three.js basics (materials, color, lights, polygonal meshes)
• examples - view page source to see the program text
  • animated spotlight target
  • polygonal mesh (polyhedron)

• review information

Week 11: 11/6-11/10

Topics: three.js

• more three.js (modeling transforms, positioning lights, textures, loading models, modeling - parametric surfaces)
• examples - view page source to see the program text
  • textures
  • loading a simple GLTF model

• Eck, sections 5.3.3-5.3.5 (three.js - shadows, cubemaps and skyboxes, reflection and refraction)

• exam 2 redo information
• more three.js (modeling - surfaces from curves, reflection, refraction, shadow mapping)
• examples - view page source to see the program text
  • reflection
  • refraction
  • shadows
• supplemental: custom shaders in three.js

• Eck, section B.4 (in Appendix B)

Week 12: 11/13-11/17

Topics: animation

• animation (keyframing, kinematics, explicit scripting, dynamics)

• animation (dynamics, behavioral animation)

• animation (behavioral animation)

Week 13: 11/20-11/24

Topics: animation

• Eck, section B.3 (in Appendix B)

Week 14: 11/27-12/1

Topics: particle systems; raytracing

• particle systems

• particle systems
• raytracing (introduction and basic raytracing)

• review information

Week 15: 12/4-12/8

Topics: raytracing; path tracing, photon mapping, radiosity; wrapup

• Eck, sections 8.1-8.2 (raytracing, path tracing)

• raytracing (recursive raytracing, limitations of raytracing)
• path tracing (rendering equation, BSDFs)

• exam 3 redo information
• solving the rendering equation (path tracing algorithm, volumetric path tracing; photon mapping; radiosity introduction)

• radiosity (gathering and shooting, computing form factors, advantages and limitations; course wrapup)

Reading Period: 12/9-12/11

Final Exams: 12/12-12/15

last updated: --Mon Dec 11 14:38:04 EST 2023--
page owned by: bridgeman@hws.edu