Workbook 6 - 3D and THREE

Workbook 6 - 3D and THREE

In this workbook, we'll move on to doing some 3D programming. To do this, we'll use a Javascript library called THREE.js (I'll just say THREE from now on).

There are two major goals in this workbook:

  1. Get you set up with the mechanics of using THREE.js
  2. Get you to make some basics 3D pictures and animations using THREE.js using the basic pieces

The idea is that once you've gotten started, it will be easier to explain both what is happening "underneath the hood" as well as fancier things. However, one down side of this strategy is that you may not always understand why you are doing things (since we aren't explaining how things work), and you may wonder why we are limiting ourselves to simple things (because we are saving more complicated stuff for later)

The main "reading" (aside from the workbook) will be the web documentation on the THREE.js library. You aren't expected to memorize any details, but you need to understand the concepts well enough to use them.

The official documentation is at: This is mainly a reference. Once you get started you can look up the details of the things you need.

Be warned: a lot of the fancier stuff may not make sense until we've talked about what is happening "under the hood". The documentation dives into details quite quickly. The workbook is designed to guide you through the basics. Then use the official documentation as a reference to get the details as you need them .

While there are a lot of THREE resources around the web, and the API documentation is pretty complete, things tend not to be that well organized, or really great for beginning. If you find a good resource, please post it on Piazza.

The textbooks: When we learned about transformations, we skipped 3D transformations. Now is a good time to come back to them. You are required to read:

Other parts of the textbook will mainly tell you how things work. We'll get to that in class over the coming weeks. These readings are not required in order to do the workbook, but will help you understand some of the things you are doing.


Most pages have code examples - make sure you understand how they work.

A Pages 4, 5 and 6 have simple examples on them. Make sure they work, and that you understand them.

Pages 8 and 9 ask you to make pictures. For now, please focus on understanding the simple stuff: you will have plenty of time later to use fancier features. There are bonus point opportunities on this page.

The pages in this workbook are:

Get Started!

Don't forget to commit and push as you work!

As usual, there is the and

Get started on page one.