From a74cfbb0e3b3391fce4880479a114138361dc7a8 Mon Sep 17 00:00:00 2001
From: Thomas FORGIONE <thomas.forgione@gmail.com>
Date: Fri, 17 Apr 2015 16:52:42 +0200
Subject: [PATCH] Added button to switch between full arrow and half arrow

---
 js/FixedCamera.js    | 11 ++++++-----
 prototype/index.html |  1 +
 prototype/js/main.js | 15 +++++++++++++++
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/js/FixedCamera.js b/js/FixedCamera.js
index 8ff5943..4cd0a4b 100644
--- a/js/FixedCamera.js
+++ b/js/FixedCamera.js
@@ -100,6 +100,7 @@ var FixedCamera = function(arg1, arg2, arg3, arg4, position, target) {
     // this.arrow = new THREE.Line(new THREE.Geometry(), new THREE.LineBasicMaterial({color: 0xff0000}), THREE.LinePieces);
     this.arrow = new THREE.Mesh(new THREE.Geometry(), new THREE.MeshLambertMaterial({color: 0xff0000, side:THREE.DoubleSide}));
 
+    this.fullArrow = false;
 }
 FixedCamera.prototype = Object.create(THREE.PerspectiveCamera.prototype);
 FixedCamera.prototype.constructor = FixedCamera;
@@ -146,7 +147,7 @@ FixedCamera.prototype.regenerateArrow = function(mainCamera) {
     var hermite = new Hermite.Polynom(t,f,fp);
 
     var up = this.up.clone();
-    for (var i = 0.5; i <= 1.001; i += 0.05) {
+    for (var i = this.fullArrow ? 0 : 0.5; i <= 1.001; i += 0.05) {
         var point = hermite.eval(i);
         var deriv = hermite.prime(i);
         var left = Tools.cross(up, deriv); left.normalize(); left.multiplyScalar(0.1);
@@ -161,10 +162,10 @@ FixedCamera.prototype.regenerateArrow = function(mainCamera) {
     }
 
     var faces = new Array();
-    // faces.push(
-    //     new THREE.Face3(0,1,2),
-    //     new THREE.Face3(0,2,3)
-    // );
+    faces.push(
+        new THREE.Face3(0,1,2),
+        new THREE.Face3(0,2,3)
+    );
 
     for (var i = 0; i < vertices.length - 4; i+= 4) {
         faces.push(new THREE.Face3(i,i+1,i+5),new THREE.Face3(i,i+5,i+4),
diff --git a/prototype/index.html b/prototype/index.html
index 4c86c98..55284fe 100644
--- a/prototype/index.html
+++ b/prototype/index.html
@@ -16,6 +16,7 @@
                 the camera at anytime by clicking on the reset button.
             </p>
             <button id="reset" style="margin-bottom:10px">Reset camera</button>
+            <button id="fullarrow" style="margin-bottom:10px">Full arrow</button>
             <div style="border-width:1px; border-style: solid;" id="container"></div>
 #
         </section>
diff --git a/prototype/js/main.js b/prototype/js/main.js
index c0a648c..1c6d0cd 100644
--- a/prototype/js/main.js
+++ b/prototype/js/main.js
@@ -18,6 +18,21 @@ animate();
 function init() {
     // Add the listener on the button
     document.getElementById('reset').onclick = function() { cameras.mainCamera().reset(); };
+    var fullarrow = document.getElementById('fullarrow');
+    fullarrow.onclick = function() {
+        console.log(fullarrow.innerHTML);
+        if (fullarrow.innerHTML === 'Full arrow') {
+            fullarrow.innerHTML = "Half arrow";
+        } else {
+            fullarrow.innerHTML = "Full arrow";
+        }
+
+        cameras.map(function(camera) {
+            if (camera instanceof FixedCamera) {
+                camera.fullArrow = !camera.fullArrow;
+            }
+        });
+    };
 
     // on initialise le moteur de rendu
     container = document.getElementById('container');