University of Massachusetts BostonCS460 Graphics

After completion of 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!

* Blackboard Access *
* Lecture Videos and Slides *


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

Fall 2019
Mondays / Wednesdays / Fridays
2:00p - 2:50p

Asst. Prof. Daniel Haehn, PhD
McCormack, M03-212

Office hours: M / W / F at 1:00p-2: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 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 - Guest Lecture by Jasmine Roberts (Slides)
No video for this one.

Lecture 19 - Colors (Slides)

Lecture 20 - Recap I (Slides)

Lecture 21 - Animations I (Slides)

Lecture 22 - Animations II (Slides)

Lecture 23 - Animations III (Slides)

Lecture 24 - Guest Lecture by Funda Durupinar Babur (Slides)

Lecture 25 - Animations III (Slides)

Lecture 26 - Geometry I (Slides)

Lecture 27 - Geometry II (Slides)

Lecture 28 - Materials (Slides)