three out of global scope, clearall down't remove fillGeometry

js/main.js

@@ -7,10 +7,10 @@ $(function(){
 
     window.workers = persistentWorkers(8);
 
-    three = new ThreeView();
+    var three = new ThreeView();//singleton, my threejs view
 
     //init models and views
-    var fillGeometry = new FillGeometry();//singleton
+    var fillGeometry = new FillGeometry();//singleton, mesh to fill with lattice
     three.setFillGeometry(fillGeometry);
     new ImportView({model: fillGeometry});
 
@@ -20,7 +20,7 @@ $(function(){
 
 
 
-    setupNavBar();
+    setupNavBar(three);
 
 
 

js/views/navbar.js

@@ -3,7 +3,7 @@
  */
 
 
-function setupNavBar(){
+function setupNavBar(three){
 
     var allMenus = $(".navMenu");
     var allNavMenuLinks = $(".menuHoverControls");

js/views/threeView.js

@@ -6,6 +6,7 @@ ThreeView = Backbone.View.extend({
 
     el: "#threeContainer",
 
+    //this could break off into a model
     camera: new THREE.PerspectiveCamera(60, window.innerWidth/window.innerHeight, 1, 1000),
     scene: new THREE.Scene(),
     renderer: new THREE.WebGLRenderer({antialias:false}),
@@ -90,7 +91,7 @@ ThreeView = Backbone.View.extend({
         var children = this.scene.children;
         for (var i=children.length;i>=0;i--){
             var object = children[i];
-            if (object instanceof THREE.Mesh){
+            if (object instanceof THREE.Mesh && object != this.fillGeometry.get("mesh")){
                 this.scene.remove(object);
             }
         }