Woooojajajjaa

2 files changed, 125 insertions, 140 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index 5d5ade0..cbcf143 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -1,96 +1,61 @@
+var map, wingr,wingl,muscler, musclel, stringr, stringl, cavity, flight_path, flight_path_length, last_point, step;
+
+var prev_step       = 0
+step		= 0;
+map             = Snap('#left-bits');
+wingr           = map.select('#wingr');
+wingrbbox       = wingr.getBBox();
+wingl           = map.select('#wingl');
+winglbbox       = wingl.getBBox();
+musclel         = map.select('#musclel');
+musclelbbox     = musclel.getBBox();
+muscler         = map.select('#muscler');
+musclerbbox     = muscler.getBBox();
+stringl         = map.select('#stringl');
+stringlbbox     = stringl.getBBox();
+stringr         = map.select('#stringr');
+stringrbbox     = stringr.getBBox();
+cavity          = map.select('#cavity');
+cavitybbox      = cavity.getBBox();
+flight_path     = map.select('#path');
+flight_path_l   = Snap.path.getTotalLength(flight_path);
+last_point      = flight_path.getPointAtLength(flight_path_length);
+
+console.log('step', step, 'final', flight_path_l)
+
+function angle(n) {
+    return Math.random() * (n * 2) + n;
+}
 
-		
-
-        var map, wingr,wingl,muscler, musclel, stringr, stringl, cavity, flight_path, flight_path_length, last_point, step;
-
- //       window.onload = function () {
-
-            step				= 0;
-			map                 = Snap('#left-bits');
-            wingr           = map.select('#wingr');
-            wingrbbox       = wingr.getBBox();
-			wingl           = map.select('#wingl');
-            winglbbox       = wingl.getBBox();
-			musclel           = map.select('#musclel');
-            musclelbbox       = musclel.getBBox();
-			muscler           = map.select('#muscler');
-            musclerbbox       = muscler.getBBox();
-			stringl           = map.select('#stringl');
-            stringlbbox       = stringl.getBBox();
-			stringr           = map.select('#stringr');
-            stringrbbox       = stringr.getBBox();
-			cavity          = map.select('#cavity');
-            cavitybbox       	= cavity.getBBox();
-            flight_path     = map.select('#path');
-
-            
-
-			flight_path_length  = Snap.path.getTotalLength(flight_path);
-
-flight_path_length= flight_path_length/100
-
-            last_point          = flight_path.getPointAtLength(flight_path_length);
+let cb = function() {
 
-console.log ('len'+ flight_path_length);
+    prev_step = step
+    step = step + parseInt(pas.innerHTML) * 10;
+    if (step > flight_path_l) prev_step = step = 0
+    $('#pas').text(step)
 
+    $('#prev_step').text(prev_step)
+    $('#step').text(step)
+    $('#next_step').text(flight_path_l)
 
-	       
-	let cb=function(){step=step+100;
+    console.log('pas', pas.innerHTML)
 
- Snap.animate(step, flight_path_length, function() {
-//console.log('pas');  
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
+    Snap.animate(prev_step, step, function(val) {
+	//console.log('pas');
+	step = val;
+	moveToPoint = Snap.path.getPointAtLength( flight_path, val );
         x = moveToPoint.x ;
         y = moveToPoint.y ;
-//        console.log('animating ' + x + ' ' + y);        
+	//        console.log('animating ' + x + ' ' + y);        
         wingr.transform('translate(' + x + ',' + y + ') '+', '+wingrbbox.cx+', '+wingrbbox.cy);
-    },5000, mina.easeout);       
-
-
- Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
         wingl.transform('translate(' + x + ',' + y + ')' + (moveToPoint.alpha - 90)+', '+winglbbox.cx+', '+winglbbox.cy);
-    },5000, mina.easeout);
-
-Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
-        cavity.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - 90)+', '+cavitybbox.cx+', '+cavitybbox.cy+')');
-    },5000, mina.easeout);   
-
-Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
-        musclel.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - 90)+', '+musclelbbox.cx+', '+musclelbbox.cy+')');
-    },5000, mina.easeout);       
-
-Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
-        muscler.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - 90)+', '+musclerbbox.cx+', '+musclerbbox.cy+')');
+        cavity.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - angle(-10))+', '+cavitybbox.cx+', '+cavitybbox.cy+')');
+        musclel.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - angle(20))+', '+musclelbbox.cx+', '+musclelbbox.cy+')');
+        muscler.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - angle(30))+', '+musclerbbox.cx+', '+musclerbbox.cy+')');
+        stringr.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - angle(-20))+', '+stringrbbox.cx+', '+stringrbbox.cy+')');
+	stringl.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - angle(9))+', '+stringlbbox.cx+', '+stringlbbox.cy+')');
     },5000, mina.easeout); 
-
-Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
-        stringr.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - 90)+', '+stringrbbox.cx+', '+stringrbbox.cy+')');
-    },5000, mina.easeout); 
-
-Snap.animate(step, flight_path_length, function() {
-		moveToPoint = Snap.path.getPointAtLength( flight_path, step );
-        x = moveToPoint.x ;
-        y = moveToPoint.y ;
-        stringl.transform('translate(' + x + ',' + y + ') rotate('+ (moveToPoint.alpha - 90)+', '+stringlbbox.cx+', '+stringlbbox.cy+')');
-    },5000, mina.easeout); 
-          
+  
 }
 
 document.addEventListener("requestMove", cb,false);
-
-        
diff --git a/assets/js/pedometer.js b/assets/js/pedometer.js
index 53079a9..af3d240 100644
--- a/assets/js/pedometer.js
+++ b/assets/js/pedometer.js
@@ -1,73 +1,93 @@
 $(document).ready(function(){
 
-console.log("print");
+    var has_accel = false
 
-//on déclare l'ensemble des variables ax et ay sont les données d'acceleration, n c'est la norme, maxn et minn les valeurs max et min de la norme, et pas le nombre de pas
-var n=0, maxn = 0, minn = 0, pas = 0,
+    $('#left-bits').css({ width: '50vw', height: '50vh', background: '#fff' })
+
+    console.log("-- ready --");
+
+    //on déclare l'ensemble des variables ax et ay sont les données d'acceleration, n c'est la norme, maxn et minn les valeurs max et min de la norme, et pas le nombre de pas
+    var n=0, maxn = 0, minn = 0, pas = 0,
 	ax = 0, ay = 0, az = 0, pass=0;
 
-//programme	d'alberto desarullo qui va chercher les données de l'accelerometre
-if (window.DeviceMotionEvent != undefined) {
-	window.ondevicemotion = function(e) {
-		ax = event.accelerationIncludingGravity.x ;
-		ay = event.accelerationIncludingGravity.y ;
-		az = event.accelerationIncludingGravity.z ;
-// et les affiche dans la page html
-		document.getElementById("accelerationX").innerHTML = e.accelerationIncludingGravity.x;
-		document.getElementById("accelerationY").innerHTML = e.accelerationIncludingGravity.y;
-		document.getElementById("accelerationZ").innerHTML = e.accelerationIncludingGravity.z;
-// on affiche également la norme sa valeur max et le nombre de pas
-		document.getElementById("n").innerHTML = n;
-		document.getElementById("pas").innerHTML = pas;
-		document.getElementById("maxn").innerHTML = maxn;
-
-		}		
-	
+    function report_status() {
+//	console.log('ax', ax, 'ay', ay, 'az', az)
+	// et les affiche dans la page html
+	document.getElementById("accelerationX").innerHTML = ax;
+	document.getElementById("accelerationY").innerHTML = ay;
+	document.getElementById("accelerationZ").innerHTML = az;
+	// on affiche également la norme sa valeur max et le nombre de pas
+	document.getElementById("n").innerHTML = n;
+	document.getElementById("pas").innerHTML = pas;
+	document.getElementById("maxn").innerHTML = maxn;
+    }
 
-    var ev = new Event("requestMove");
+    function odmHandler(e) {
 
-	function pollAccelerometer() {
-		setInterval( function() {
-	
-	// on calcule la norme c'est  à dire la taille du vecteur qui est défini par les points d'accélération ax ay et az
-			n0 = n;
-			n=Math.sqrt (ax*ax + ay*ay + az*az);
-	//		console.log(n);
-
-	//on calcule un min et max pour la norme		
-			if (n < n0) { minn = n ;
-			}else if (n > n0) { maxn = n ;
-			}
-	
-	//		console.log(maxn);
+	has_accel = true
+
+	ax = event.accelerationIncludingGravity.x ;
+	ay = event.accelerationIncludingGravity.y ;
+	az = event.accelerationIncludingGravity.z ;
+
+	report_status()
+    }
 
-	//on défini un seuil qui correspond à un pas
-			if ((maxn - minn) > 10) {pas = pas+1;
-            
-			}
+    function fakeAccel() {
+	var min = -12, max = 12
+	return Math.random() * (max - min) + min;
+    }
+
+    function mockAccelerometer() {
+
+	has_accel = false
 
+	ax = fakeAccel()
+	ay = fakeAccel()
+	az = fakeAccel()
+
+	report_status()
+    }
 
-			if (pas>10) {
-	//			console.log(pas);
-				document.dispatchEvent(ev);
-			}
-			pas++;		
-			// on vérifie cela chaque 250 milisecondes			 	
-		}, 350);
+    function accel_norm(ax, ay, az) {
+	return Math.sqrt (ax*ax + ay*ay + az*az);
     }
 
-//function mockAccelerometer() {
-//	setInterval( function() {
-//		console.log(pas);
-//		if (pas===100) {
-//				document.dispatchEvent(ev);
-//		}
-//		pas++;
-//	},1000);		
-//}
+    //programme	d'alberto desarullo qui va chercher les données de l'accelerometre
+    if (window.DeviceMotionEvent != undefined) {
+	window.ondevicemotion = odmHandler
 
+	var ev = new Event("requestMove");
+
+	function pollAccelerometer() {
+	    setInterval(makeStep, 250)
+	}
+
+	function makeStep() {
+	    if (!has_accel) {
+		mockAccelerometer()
+	    }
+	    // on calcule la norme c'est à dire la taille du
+	    // vecteur qui est défini par les points
+	    // d'accélération ax ay et az
+	    n0 = n;
+	    n  = accel_norm(ax,ay,az)
+
+	    // on calcule un min et max pour la norme		
+	    if (n < n0) {
+		minn = n ;
+	    } else if (n > n0) {
+		maxn = n ;
+	    }
+	
+	    // on définit un seuil qui correspond à un pas
+	    if ((maxn - minn) > 10) {
+		pas = pas+1;
+		document.dispatchEvent(ev);
+	    }
+	}
 	
-pollAccelerometer();
-} 
+	pollAccelerometer();
+    } 
 });