Below is the code that generates a circle with a blue outline on a dark background:
let camera = new THREE.OrthographicCamera( -1.0, 1.0, 1.0, -1.0, -1.0, 1.0 );
var radius = 1;
var vertices = [];
for(let i = 0; i <= 360; i++){
vertices.push(new THREE.Vector3(Math.sin(i*(Math.PI/180))*radius, Math.cos(i*(Math.PI/180))*radius, 0));
}
let geometry = new THREE.BufferGeometry().setFromPoints(vertices);
let material = new THREE.LineBasicMaterial({color:"blue"})
var lineStrip = new THREE.Line( geometry, material );
scene.add( lineStrip );
scene.add(camera);
renderer.render(scene, camera);
Although I'm aware that the object is currently just a line, I am interested in filling the inside of the line with color. How can I achieve this?