Learn Three.js - Third Edition

THREE.RingGeometry

With THREE.RingGeometry, you can create a 2D object that not only closely resembles THREE.CircleGeometry, but also allows you to define a hole in the center (see 03-basic-3d-geometries-ring.html):

59 FPS (43-60)

THREE.RingGeometry doesn't have any required properties (see the following table for the default values), so to create this geometry, you only have to specify the following:

Var ring = new THREE.RingGeometry();

You can further customize the appearance of the ring geometry by passing the following arguments into the constructor:

Property	Mandatory	Description
innerRadius	No	The inner radius of ...