- Three.js Tutorial
- Three.js - Home
- Three.js - Introduction
- Three.js - Installation
- Three.js - Hello Cube App
- Three.js - Renderer and Responsiveness
- Three.js - Responsive Design
- Three.js - Debug and Stats
- Three.js - Cameras
- Three.js - Controls
- Three.js - Lights & Shadows
- Three.js - Geometries
- Three.js - Materials
- Three.js - Textures
- Three.js - Drawing Lines
- Three.js - Animations
- Three.js - Creating Text
- Three.js - Loading 3D Models
- Three.js - Libraries and Plugins
- Three.js Useful Resources
- Three.js - Quick Guide
- Three.js - Useful Resources
- Three.js - Discussion
Three.js - Geometries
Geometries are used to create and define shapes in Three.js. Three.js has many types of built-in geometries, both 2D and 3D.
In this chapter, we'll discuss basic built-in geometries. We’ll first look at the 2D geometries, and after that, we’ll explore all the basic 3D geometries that are available.
Sr.No | Geometrys & Description |
---|---|
1 |
The THREE.PlaneGeometry creates a simple 2D rectangle. |
2 |
The THREE.CircleGeometry creates a simple 2D circle. |
3 |
The THREE.RingGeometry creates a D disc with a hole in the center. |
4 |
The THREE.BoxGeometry creates a simple 3D box with specified dimensions. |
5 |
The THREE.SphereGeometry creates 3D sphere geometries. |
6 |
To create a cylinder in Three.js, you can use the Three.CylinderGeometry. |
7 |
You can use THREE.ConeGeometry to create a cone. It is very similar to CylinderGeometry, except it only allows you to set the radius instead of radiusTop and radiusBottom. |
8 |
Torus is a tube-like shape that looks like a donut. You can use THREE.TorusGeometry to create a torus in Three.js. |
9 |
A torus knot is a special kind of knot that looks like a tube that winds around itself a couple of times. |
10 |
A polyhedron is a geometry that has only flat faces and straight edges. |
Learn more about geometries here
To Continue Learning Please Login
Login with Google