Search⌘ K
AI Features

Introduction to Work with Geometries

Explore fundamental Three.js geometries to create and customize 2D and 3D objects. Understand how Three.js uses BufferGeometry to efficiently represent shapes and how different geometry types build complex scenes.

Overview

We learned a lot about how to work with Three.js. Now we know how to create a basic scene, add lighting, and configure the material for our meshes. We briefly touched upon the available geometries that Three.js provides and that we can use to create our 3D objects. In this and the next chapter, we’ll walk through all the geometries that Three.js provides out of the box.

In this chapter, we’ll look at the following geometries:

  • THREE.CircleGeometry

  • THREE.RingGeometry

  • THREE.PlaneGeometry

  • THREE.ShapeGeometry

  • ...