Line glitches when clipping the edges in the y plane

Questions
, , ,
1

Hey guys I have another issue, I am trying to get the lines in the clipping plane to show vividly but it keeps giving me a glitched/dashed lines for the drawing. Here is what it looks like:

image
image314×598 1.71 KB

This is what it is supposed to look like:

image
image1187×443 2.35 KB

This works in the xy plane with the clipping on the z plane:
image

and for my code this is what I have:

const edgeGeometry = new THREE.BufferGeometry().setFromPoints(
            sanitizedPoints,
          );

          const edgeMaterial = new THREE.LineBasicMaterial({
            color: 0xe89804,
          });
          const edgeLines = new THREE.LineSegments(edgeGeometry, edgeMaterial);

          clippingEdges.add(edgeLines);
        });

I do not understand why it is not working when I am on the xz plane and using the y plane as the clipping agent. I thought it would be due to the normal of the component but that has not affect/solved the problem. Any advice or referrals would be appreciated.

2

Does the pattern of missing bits change while you resize the window?

3

When I zoom in some pieces are revealed and some others are removed but no changes occur when I resize the window itself.