Computer Graphics Assignments

CS 425 Computer Graphics · Assignment 1

JavaScript and WebGL

A WebGL app that loads triangle geometry from a JSON file and renders it with interactive controls.

The interface has sliders, dataset selection, and a toggle between a color picked with the sliders and the per-vertex colors stored in the file.

What I implemented

A UI panel with sliders and a checkbox that control rendering
JSON parsing and validation when a dataset is loaded
Dynamic control over the number of triangles drawn
A WebGL rendering pipeline fed by external data

Results

Three panels: points sampled over a photo of the UIC campus, their triangulation, and the low-poly result. — Building the UIC dataset: sampled points, their triangulation, and the low-poly result.

Photo of the UIC campus with the Chicago skyline behind it. — The source photo of the UIC campus.

Live demo

Open in a new tab

Pick one of the JSON datasets from the dropdown inside the demo.