How can we make lines smooth while rotating the camera

Questions
,
1

I have created the lines using the LineBasicMaterial() . After creating the lines I am rotating the camera while rotating the camera I observed the lines are getting roughed (getting zigzagged ). Can you tell me how can I overcome it.
var geometry = new THREE.BufferGeometry();
var positions = new Float32Array([-10,-10.5,0,-5,-10.5,0,10,-10.5,0]);
geometry.setAttribute(‘position’, new THREE.BufferAttribute(positions, 3))
var material = new THREE.LineBasicMaterial({color:“black”,resolution: new THREE.Vector2(window.innerWidth, window.innerHeight)})

2

Have you turned on antialiasing when creating the renderer?

renderer = new THREE.WebGLRenderer( {antialias: true} );
3

Yes i did and also set the resolution to device pixel ratio.

4

A snapshot of this zigzagging could help a lot (but not always). It is better to share a live example (on CodePen or a similar system) so it can be debugged.