Skip to main content

Circle

The Circle class is used to create a circle with a given center, radius, and number of segments. It can be used to create circles with different colors and angles.

Create Circle​

const circleData = {
  radius: 3,
  segments: 15,
  position: new Vector3D(0, 0, 0),
  startAngle: 0,
  endAngle: Math.PI * 2,
}

const ogCircle = new BaseCircle(circleData);
scene.add(ogCircle);

Circle with Color​

const circleData = {
  radius: 3,
  segments: 15,
  position: new Vector3D(0, 3, 0),
  startAngle: 0,
  endAngle: Math.PI * 2,
}
const ogCircle = new BaseCircle(circleData);
ogCircle.color = 0x00ff00;
scene.add(ogCircle);

Properties​

These properties can be edited to change the appearance of the circle in real-time which generates a new geometry and updates the scene.

PropertyTypeDescription
radiusnumberThe radius of the circle.
tip

Apart from OpenGeometry properties, you can also use the Three.js properties to change the appearance of the circle.

And One More Thing​

Let's checkout the live example here