CS 315+733 in Fall 2025

Schedule

Code

• Code Directory

Links

• Syllabus (pdf)
• UR Courses
• Meetings Calendar file (meetings.ics)
• CS-315 lab page
• Website for textbook
• WebGL2 Fundamentals
• Essence of linear algebra (video series)

Assignments

WebGL2 Intro ()

• Marks: 2
• Due Date: 03-Oct-2025 @ 23:59
• Discuss
• Submit

WebGL2 Intro

Write a WebGL2 program (HTML and JavaScript) to generate a Sierpiński Triangle fractal in 2D based on the textbook code for the random algorithm (Chaos Game, introduced by Barnsley) – see https://interactivecomputergraphics.com/8E/Code/02/gasket1.html. Acknowledge your sources!

• your code should use 9 different colours when rendering to highlight the last 2 transformations applied and allow for rotations to be applied as part of the transformations that generate the fractal shapeSee the chaos game sample
• your HTML should include some controls to adjust some parameters in your code (including but not limited to the number of points for the random algorithm)
• you should comment your code, explain the WebGL2 functions used, and discuss the how to determine the settings for the highest precision image that can be displayed without doing extra work
• you should submit a zip file that contains a README file that: explains how to use your program; provides a statement about how, with whom, and using which sources, you developed your solution; and provides your answer to the question of how many points to use to generate a Sierpiński Triangle fractal onscreen into a square window

Grading

This assignment is worth 2 marks, according to the following rubric:

Rubric

DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email

Calculator

Rubric Criteria

Inspection (2) criteria_G01 Choose... Exemplary (+): All requested pieces are present and well-organized Exemplary: All requested pieces are present and well-organized Exemplary (-): All requested pieces are present and well-organized Sufficient (+): Most pieces are present Sufficient: Most pieces are present Sufficient (-): Most pieces are present Developing (+): Most pieces are missing Developing: Most pieces are missing Developing (-): Most pieces are missing Needs Improvement: Not completed

Penalties

None (on-time and followed instructions)

Instructions not followed

Assignment submitted late, but within 48 hours

Assignment submitted more than 48 hours late and before cut-off date

Assignment not submitted before cut-off date

Output

Evaluate Copy Output to Clipboard Clear Form

Triangular Viewing ()

• Marks: 3
• Due Date: 31-Oct-2025 @ 23:59
• Discuss
• Submit

Triangular Viewing

Write a WebGL2 program (HTML and JavaScript) that places 9 cubes to create a representation of Sierpiński’s Triangle. Use the 9 colours that you used in Assignment 1 to colour each cube. Rotate (around Y) and translate each cube a bit so that they are not stacked too neatly. Provide camera controls to make some adjustments to the position and parameters of the camera as well as allowing selection and adjustment of parallel and perspective projections.

• the CS 315 labmay be useful as a starting point for your work. Remember to acknowledge your sources!
• your code should use a different colour for each different cube
• you should comment your code and explain the WebGL2 (and other) functions used
• you should submit a zip file that contains a README file that: explains how to use your program; provides a statement about how, with whom, and using which sources, you developed your solution; and includes your descriptions of tests that be used to determine:
  • that the 3 vertices of a triangle do not lie on the same line (are not co-linear)
  • that the 4 vertices of a quadrilateral are co-planar

Grading

This assignment is worth 3 marks, according to the following rubric:

Rubric

DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email

Calculator

Rubric Criteria

Inspection (3) criteria_G02 Choose... Exemplary (+): All requested pieces are present and well-organized Exemplary: All requested pieces are present and well-organized Exemplary (-): All requested pieces are present and well-organized Sufficient (+): Most pieces are present Sufficient: Most pieces are present Sufficient (-): Most pieces are present Developing (+): Most pieces are missing Developing: Most pieces are missing Developing (-): Most pieces are missing Needs Improvement: Not completed

Penalties

None (on-time and followed instructions)

Instructions not followed

Assignment submitted late, but within 48 hours

Assignment submitted more than 48 hours late and before cut-off date

Assignment not submitted before cut-off date

Output

Evaluate Copy Output to Clipboard Clear Form

Exams

• 202430 Midterm
• 202330 Final
• 202330 Midterm
• 202230 Final
• 202230 Midterm