Added option to hide arrows

prototype/index.html

@@ -20,6 +20,8 @@
             <label for="fullarrow">Full arrow</label>
             <input type="checkbox" id="collisions" style="margin-bottom:10px" checked>
             <label for="collisions">Collisions</label>
+            <input type="checkbox" id="showarrows" style="margin-bottom:10px" checked>
+            <label for="showarrows">Show arrows</label>
             <div style="border-width:1px; border-style: solid;" id="container"></div>
 #
         </section>

prototype/js/main.js

@@ -12,6 +12,7 @@ var loader;
 
 var container_size = {width: 1067, height: 600};
 var prev = {x:0, y:0, go:false};
+var showArrows = true;
 
 init();
 animate();
@@ -36,6 +37,11 @@ function init() {
         cameras.mainCamera().collisions = collisions.checked;
     }
 
+    var showarrows = document.getElementById('showarrows');
+    showarrows.onchange = function() {
+        showArrows = showarrows.checked;
+    }
+
     // on initialise le moteur de rendu
     container = document.getElementById('container');
     container.style.height = container_size.height + 'px';
@@ -218,7 +224,17 @@ function loadScene() {
 }
 
 function render() {
-    cameras.map(function(camera) { if (camera instanceof FixedCamera) show(camera); });
+    var transform = showArrows ? show : hide;
+    cameras.map(function(camera) {
+        if (camera instanceof FixedCamera) {
+            transform(camera);
+
+            camera.traverse(function(elt) {
+                elt.raycastable = showArrows;
+            });
+        }
+    });
+
     cameras.updateMainCamera();
     cameras.update(cameras.mainCamera());
     cameras.look();
@@ -313,6 +329,7 @@ function pointedCamera(event) {
 
         // Looking for cameras
         for (i in intersects) {
+            if (intersects[i].object.raycastable) {
                 if ((intersects[i].distance > 0.5 && minDistance === undefined) || (intersects[i].distance < minDistance )) {
                     // We will not consider a line as clickable
                     if (! (intersects[i].object instanceof THREE.Line)) {
@@ -323,6 +340,7 @@ function pointedCamera(event) {
                     }
                 }
             }
+        }
 
         if (bestIndex !== undefined) {
             if (cameras.getById(intersects[bestIndex].object.parent.id) !== undefined) {