Game Development Reference
In-Depth Information
You can see what the editor looks like in the following screenshot:
Google Chrome Developer Tools
If you prefer to work outside of the Chrome editor, it can be tedious to constantly
switch windows and reload the page. There are several tools that attempt to solve
this. LiveReload ( http://livereload.com/ ) and Tin.cr ( http://tin.cr/ ) are the
best known; they are browser extensions that automatically reload the page when
you save a file. You may also want to try LightTable ( http://www.lighttable.
com/ ), an experimental IDE that also autoreloads and additionally includes tools for
visually manipulating your code.
If you use Sublime Text as your editor, you can install autocompletion support for
Three.js commands through the package manager or from the Three.js repository
itself (in /utils/editors ).
Summary
We have constructed our first 3D world with Three.js. In this chapter, we learned
what Three.js is and does, reviewed the basic components of a Three.js scene, and set
up our editing environment. We used the scene , renderer , camera , mesh , geometry ,
and material components for the first time.
In the next chapter, we will cover these components in more detail, including the
different kinds of the renderer, geometry, and material components. We will also
add lighting to the mix and make a more advanced scene.
 
Search WWH ::




Custom Search