Рисование зеркального объекта в ThreeJS

Я пытаюсь разработать зеркало объекта в threejs. Я хочу реализовать то же, что показано в видео. https://youtu.be/8KT7PBfJYpI Здесь может быть любой объект; линия, окружность, дуга, геометрия, линия. (пунктирный объект на видео) Когда пользователь перемещает мышь, рисуется белая линия, которая является опорной линией или зеркалом. Пунктирный объект должен получить свою зеркальную копию по белой линии, которая является опорной линией. Как этого можно добиться?

Объекты делаются так:

lineGeometry():BufferGeometry {
        // geometry
        const geometry:BufferGeometry = new BufferGeometry();
        this.positions = new Float32Array(this.MAX_POINTS * 3);
        geometry.setAttribute('position', new BufferAttribute(this.positions, 3));
        return geometry;
    }

    lineShape( geometry:BufferGeometry ):Line {
        // material
        const material:LineDashedMaterial = new LineDashedMaterial(
            { color: this.MS.color.LINE, dashSize: 0, gapSize: 0 }
        );
        // line
        const line:Line = new Line(geometry, material);
        return line;
    }

Теперь при движении мыши я пишу функцию зеркала. Мне нужна логика, как этого добиться.

mirror( relative:Vector3 ) {
        //get reference line angle
        const lineArray = this.line.geometry.attributes.position.array;
        const lineX1:number = lineArray[0];
        const lineY1:number = lineArray[1];
        const lineX2:number = lineArray[3];
        const lineY2:number = lineArray[4];
        let lineAngle:number = this.FS.get_angle_between_points( lineX1, lineY1, lineX2, lineY2 );
        lineAngle = this.FS.radians_to_degrees( lineAngle );

        

    }