CS291: Interactive 3D Graphics

posted in: MOOC | 2

Course Resources

Enroll the Course

https://www.udacity.com/course/interactive-3d-graphics–cs291?fb_ref=Default

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

Camera

camortho

lookat

basic_camera

 

view-model-matrix

pvmorthomatrix

perscam perscam2

 

zbuffer

 

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

coord

dom midpoint

 

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

frustum

 

 

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

  1. […] now, I suggest using WebGL to learn interactive graphics. Here is the […]

  2. […] now, I suggest using WebGL to learn interactive graphics. Here is the […]

Leave a Reply