Creating a circle with line loop

Questions
,
1

I was previoulsy drawing a circle doing the following method…

function createCircle() {
    let circleGeometry = new THREE.CircleGeometry(1.0, 30.0);
    circleGeometry.vertices.splice(0, 1);
    return new THREE.LineLoop(circleGeometry, material);
}

I spliced the vertices to remove the center line, so when the line is drawn its just a circle.

Since updating it looks as though CircleGeometry doesn’t have vertices any more ? Could anyone tell me how to approach this now?

2

Wouldn’t RingGeometry effectively do what you’re trying to do :eyes: ? (If you really don’t want a doubled circle, just a single circle of vertices, you can also combine RingGeometry with BufferGeometryUtils.mergeVertices to merge two rings close to one another.)

1 Like
3

Ah great, I think I can work with by making the outer and inner radius the same, seems to look how i want. Thanks!

4

An approach with LineSegments and merged geometries: JSFiddle

изображение
изображение854×853 22.4 KB

5

thanks for the alternative solution. Ring Geometry seems a bit easier to understand for my purposes, but always good to know multiple approaches

1 Like