Removing lines from a CircleBufferGeometry


I’m trying to remove the lines to make a complete circle, the model is supposed to be a vinyl record.

From the screenshot above, you can see the lines on the geometry, is there a way to remove it? I have looked at the docs and searched the web but haven’t found anything.

Here is the code I used:

const vinylGeometry = new THREE.CircleBufferGeometry(2.5, 120)
const vinylTexture = 'some_image.jpg'
const vinylMaterial = new THREE.MeshPhongMaterial({
  map: textureLoader.load(vinylTexture),
  reflectivity: 0.2,
  refractionRatio: 0.2,
  specular: 0x050505,
  shininess: 100,
  envMap: envMapTexture,
  side: THREE.DoubleSide
const vinylMesh = new THREE.Line(vinylGeometry, vinylMaterial)
vinylMesh.receiveShadow = true

For additional info i’m using the npm three package with postprocessing in a Node.js ReactJS/NextJS application.

Why is your mesh
new THREE.Line(vinylGeometry, vinylMaterial)
and not
new THREE.Mesh(vinylGeometry, vinylMaterial)

1 Like

Nevermind! I just realized I had to replace the vinylMesh variable to new THREE.Mesh