Graphics Reference
In-Depth Information
Chapter 1. Getting Started
In this chapter, we'll cover the following recipes:
• Getting started with the WebGL renderer
• Getting started with the Canvas renderer
• Getting started with the CSS 3D renderer
• Detecting WebGL support
• Setting up an animation loop
• Determining the frame rate for your scene
• Controlling the variables used in the scene
• Setting up a local web server with Python
• Setting up a local web server with Node.js
• Setting up a local web server using Mongoose
• Solving cross-origin-domain error messages in Chrome
• Solving cross-origin-domain error messages in Firefox
• Adding keyboard controls
• Loading textures asynchronously
• Loading models asynchronously
• Loading models asynchronously with progress
• Loading other resources asynchronously with progress
• Waiting until resources are loaded
• Dragging a file from the desktop to the scene
Introduction
In this chapter we'll show you a number of recipes that introduce the basic usage of
Three.js. We'll start with a number of simple recipes that you can use as a starting
point for your Three.js projects. Next, we'll show you a couple of features that you can
add to your project, such as WebGL detection and defining an animation loop. We'll
end with a number of more advanced features such as adding drag and drop support,
and loading resources synchronously and asynchronously.
