Skip to main content

Setting up a scene

In this module, you'll build the foundation for the rest of the tutorial. This part isn't exciting, but it's necessary. What you build in this module will be useful when you begin experimenting on your own.

When you complete this module, you'll have a reusable template that you can use as the basis for future projects. After you've assembled these initial pieces, you'll create a short demo with a rotating cube to verify that everything is working.

Animation of a rotating cube produced by the demo at the end of this module

How to skip ahead

If you'd rather jump directly to the visuals and skip the construction of the foundation, you can do that. At the end of this module, you'll find a checkpoint for this module. That page contains the complete HTML, CSS, and JavaScript code that is built in this module. Copy and paste each code block into the appropriate panel of your code playground. You'll then be ready to jump directly into the next module.

Return to this module when you are ready to review how this code was put together.