CS291: Interactive 3D Graphics

posted in: MOOC | 2

Course Resources

Enroll the Course


Reference Sheet and Instructor Notes

Three.js Reference Sheet – a reference sheet for the syntax of three.js methods used in this course.

Notes Collection – collection of all instructor notes and links to additional course materials.

Written scripts for all lessons are available for download. In the syllabus listing after each unit are links for PDF, ODT, and DOCX format versions of the lessons.

Some Notes








perscam perscam2




Depth of Field demo: http://threejs.org/examples/#webgl_postprocessing_dof


dom midpoint


See frustum of cameras: http://www.realtimerendering.com/udacity/transforms.html




Five Great Tips

Here are five things to know to help you get the most out of this class:

  1. Everything in this course is downloadable: lesson scripts, videos, code. There’s also a handy syllabus of all lessons and reference sheet for methods in three.js.
  2. You can speed up or slow down the play speed on YouTube – click on the “Settings” gear icon near the lower right corner of the video. You can also do this with the downloaded videos.
  3. You can activate captions in the YouTube player. Click on the “CC” (closed captions) icon. Note that you can also download subtitles.
  4. Definitely get your hands dirty with the code – the more you experiment, the more you’ll know. On Chrome, F12 brings up the debugger, which is infinitely valuable when playing with the downloaded code. (Bonus tip: you can also use the “debugger;” statement to help you debug exercises in this course!)
  5. Don’t miss out on the forum. Many lessons have forum posts associated with them, and it’s easy to ask questions and help other students out.

2 Responses

Leave a Reply

Your email address will not be published. Required fields are marked *