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 *

Syllabus


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
W02-0158


Asst. Prof. Daniel Haehn, PhD
DANIELHAEHN.com
Science Center, S03-184

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 19 - Colors (Slides)


Lecture 20 - Recap I (Slides)