空间中的圆轮廓（threejs）（3D）

Question

How to delete this line in this fugure http://joxi.ru/gmvl7YwT7Eg3Aa ? I need only contour

const intersection = (a, b, c, heightC) => {
    return (u, v) => {
        const height = heightC || c;
        const size = 5;

        u = u * height;
        v = 2 * v * Math.PI;

        const x = a * size * Math.sqrt(u) * Math.cos(v);
        const y = c;
        const z = b * size * Math.sqrt(u) * Math.sin(v);

        return new Three.Vector3(x, y, z);
    }
}

export const projectionIntersection = (a, b, heightC) => {
    const geom = new Three.ParametricGeometry(intersection(a, b, 1, heightC), 1, 25);
    const math = new Three.MeshPhongMaterial({ color: 0x00FF00, wireframe: true });
    const mesh = new Three.Mesh(geom, math);

    return mesh;
}

Who can help me?

Answer 1

parametric geometry as a mesh will create faces, which means creating linkages between the center and each point along the edge. If you want just a line strip to draw a circle, take a look at Line Object . It looks like you can do what you're doing already, just pushing the Vector3 you create to the vertices of geometry and making a Line out of it.

Answer 2

Cheap and rough solution with a circle:

var circleGeom = new THREE.CircleGeometry(1, 32);
circleGeom.vertices.shift();
circleGeom.vertices.push(circleGeom.vertices[0].clone());
var circle = new THREE.Line(circleGeom, new THREE.LineBasicMaterial({color: "yellow"}));

jsfiddle example r85