Back to CG425

Assignment 1: Introduction to JavaScript and WebGL

This homework focused on building a WebGL app that loads triangle geometry from a JSON file and renders it with interactive controls. The interface includes sliders, dataset selection, and a color-mode toggle between user-selected colors and per-vertex colors from the file.

Implemented Results

  • UI panel with sliders and a checkbox to control rendering behavior
  • JSON parsing and validation through dataset loading
  • Dynamic control over the number of rendered triangles
  • Rendering pipeline in WebGL with external data input

Output Samples

Assignment 1 rendered output UIC sample image used in Assignment 1

Live Demo

You can interact with the original assignment directly below. Select one of the available JSON datasets from the dropdown.

© 2026 Riccardo Bonfanti
Built with Astro