You're reading from Learning Three.js: The JavaScript 3D Library for WebGL - Second Edition Create stunning 3D graphics in your browser using the Three.js JavaScript library

Product type Paperback

Published in Mar 2015

Publisher

ISBN-13 9781784392215

Length 422 pages

Edition 1st Edition

Languages

JavaScript

Tools

Three.js

Concepts

Data Visualization

Author (1):

Jos Dirksen

View More author details

Table of Contents (14) Chapters

Preface

1. Creating Your First 3D Scene with Three.js

2. Basic Components That Make Up a Three.js Scene FREE CHAPTER

3. Working with the Different Light Sources Available in Three.js

4. Working with Three.js Materials

5. Learning to Work with Geometries

6. Advanced Geometries and Binary Operations

7. Particles, Sprites, and the Point Cloud

8. Creating and Loading Advanced Meshes and Geometries

9. Animations and Moving the Camera

10. Loading and Working with Textures

11. Custom Shaders and Render Postprocessing

12. Adding Physics and Sounds to Your Scene

Index

The basic geometries provided by Three.js

In Three.js, we have a couple of geometries that result in a two-dimensional mesh and a larger number of geometries that create a three-dimensional mesh. In this section, we'll first look at the 2D geometries: THREE.CircleGeometry, THREE.RingGeometry, THREE.PlaneGeometry, and THREE.ShapeGeometry. After that, we'll explore all the basic 3D geometries that are available.

Two-dimensional geometries

Two-dimensional objects look like flat objects and, as the name implies, only have two dimensions. The first two-dimensional geometry on the list is THREE.PlaneGeometry.

THREE.PlaneGeometry

A PlaneGeometry object can be used to create a very simple two-dimensional rectangle. For an example of this geometry, look at the 01-basic-2d-geometries-plane.html example in the sources for this chapter. A rectangle created using PlaneGeometry is shown in the following screenshot: