University of Massachusetts BostonCS460 Graphics

After completing this course, you will be able to develop rich and interactive web-based 3D visualizations for computers, smartphones, and tablets! By using WebGL, you will learn to create immersive and high-quality graphics, including 3D geometric transformations, camera transformations, the image-rendering process, as well as materials and texture mapping. This course also includes advanced topics such as color representations, light simulation, dealing with geometries, and creating animations. And since everything runs in the browser, you can show your work to your friends with a link to a website-how cool is that!

Enrolling now for in-person Fall 2021! Check the teasers..

* Blackboard Access *
* Lecture Videos and Slides *

Syllabus HERE !

A hands-on experience based on
Do you need to buy these books? No! All course materials will be provided.

Fall 2021
Mondays / Wednesdays / Fridays
10:00a - 10:50a
University Hall Y04-4170

Asst. Prof. Daniel Haehn, PhD
McCormack, M-3-0201-20

Office hours: M / W / F at 11:00a-12:00p or email me

WebGL Example using XTK!

Lecture Videos and Slides

Lecture 1 - Introduction to WebGL (Slides)

Lecture 2 - Web Developer Tools (Slides)

Lecture 3 - JavaScript (Slides)

Lecture 4 - XTK Intro (Slides)

Lecture 5 - Scene and Camera (Slides)

Lecture 6 - Three.js Intro (Slides)

Lecture 7 - The Rendering Pipeline (Slides)

Lecture 8 - Shaders (Slides)

Lecture 9 - WebGL I (Slides)

Lecture 10 - WebGL II (Slides)

Lecture 11 - WebGL III (Slides)

Lecture 12 - Transformations (Slides)

Lecture 13 - Transformations II (Slides)

Lecture 14 - The Scene Graph (Slides)

Lecture 15 - Quaternions (Slides)

Lecture 16 - The Arcball (Slides)

Lecture 17 - 3D Picking (Slides)

Lecture 18 - Colors (Slides)

Lecture 19 - Recap I (Slides)

Lecture 20 - Animations I (Slides)

Lecture 21 - Animations II (Slides)