Lines change positions at some point of view about three.js HOT 17 CLOSED

        camera, scene, renderer, angle = 270;

        init();

        function init() 
    {           
            var container = document.createElement('div');
            document.body.appendChild(container);

            camera = new THREE.Camera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
            camera.position.z = 600;
            camera.position.x = 250;
    camera.position.y = 170;
    camera.target.position.x = 250; 
    camera.target.position.y = 150;
    camera.target.position.z = 300;       

            scene = new THREE.Scene();

            renderer = new THREE.CanvasRenderer();
            renderer.setSize( window.innerWidth, window.innerHeight );
            container.appendChild( renderer.domElement );



            var geometry = new THREE.Geometry();   
      geometry.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,0,0) ) );
      geometry.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,0,0) ) ); 
      geometry.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,0,900) ) );  
      geometry.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,0,900) ) );  
      geometry.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,0,0) ) );         

    var geometry2 = new THREE.Geometry();   
      geometry2.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,290,0) ) );
      geometry2.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,290,0) ) ); 
      geometry2.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,290,900) ) );  
      geometry2.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,290,900) ) );  
      geometry2.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,290,0) ) );  

    var geometry3 = new THREE.Geometry();   
      geometry3.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,0,0) ) );
      geometry3.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,290,0) ) ); 

    var geometry4 = new THREE.Geometry();   
      geometry4.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,0,900) ) );
      geometry4.vertices.push( new THREE.Vertex( new THREE.Vector3 (0,290,900) ) ); 

    var geometry5 = new THREE.Geometry();   
      geometry5.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,0,0) ) );
      geometry5.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,290,0) ) ); 

    var geometry6 = new THREE.Geometry();   
      geometry6.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,0,900) ) );
      geometry6.vertices.push( new THREE.Vertex( new THREE.Vector3 (500,290,900) ) ); 


            var line1 = new THREE.Line( geometry, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line1); 
    var line2 = new THREE.Line( geometry2, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line2); 
            var line3 = new THREE.Line( geometry3, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line3); 
            var line4 = new THREE.Line( geometry4, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line4); 
            var line5 = new THREE.Line( geometry5, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line5); 
            var line6 = new THREE.Line( geometry6, new THREE.LineBasicMaterial( { color: 0x000000 } ) );
            scene.addObject(line6); 


            renderer.render(scene, camera);
        }