Tube Geometry faces gittering

I am trying to make some tubes, and keep seeing tearing in all of my tubes. As Seen below. If I rotate the screen, the tubes gitter badly.

image

I simplified it down to:

var straightLine = new THREE.LineCurve3(path[0],path[1]);
var myTrakGeom = new THREE.TubeGeometry( straightLine, 20, cylWidth * 2, 8, false );
var blastMaterial = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var trakTube = new THREE.Mesh(myTrakGeom, blastMaterial);
corehole.add(trakTube);

coreholes.push(corehole);

var myDesigns = new THREE.Group();
myDesigns.name = "coreHolesDesign";
for (var i = 0; i < coreholes.length; i++) {
     myDesigns.add(coreholes[i])
}
scene.add(myDesigns);

myDesigns.updateMatrixWorld();

Can you please demonstrate this issue in a live demo? https://jsfiddle.net/f2Lommf5/

It should be sufficient if you create a single tube that shows the irregularities.

Hello Mugen.

I found the problem.

The issue was caused by an object that was completely outside of the area of my scene. The faces are jittering due to rounding.

I solved it by simply finding the object that was being erroneously added.