centered gep

index.html

@@ -326,7 +326,7 @@
     <script type="text/javascript" src="dependencies/flat-ui.min.js"></script>
     <script type="text/javascript" src="dependencies/three.js"></script>
     <script type="text/javascript" src="dependencies/binary_stl_writer.js"></script>
-    <script type="text/javascript" src="dependencies/OrbitControls.js"></script>
+    <script type="text/javascript" src="dependencies/OrthographicTrackballControls.js"></script>
     <script type="text/javascript" src="dependencies/underscore-min.js"></script>
     <script type="text/javascript" src="dependencies/FileSaver.min.js"></script>
     <script type="text/javascript" src="dependencies/SVGLoader.js"></script>

js/beam.js

@@ -20,6 +20,7 @@ function Beam(nodes){
 
     this.object3D = new THREE.Line(lineGeometry, beamMaterial);
     this.object3D._myBeam = this;
+    this.object3D.frustumCulled = false;
 
     this.originalLength = this.getLength();
 }

js/threeView.js

@@ -49,7 +49,12 @@ function initThreeView(globals) {
         camera.position.y = 4000;
         camera.position.z = 4000;
 
-        controls = new THREE.OrbitControls(camera, container.get(0));
+        controls = new THREE.OrthographicTrackballControls(camera, renderer.domElement);
+        controls.rotateSpeed = 1.5;
+        controls.zoomSpeed = 0.8;
+        controls.noPan = true;
+        controls.staticMoving = true;
+        controls.dynamicDampingFactor = 0.3;
         controls.addEventListener('change', render);
 
         render();