aboutsummaryrefslogtreecommitdiff
path: root/assets/js/index.js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js/index.js')
-rw-r--r--assets/js/index.js96
1 files changed, 96 insertions, 0 deletions
diff --git a/assets/js/index.js b/assets/js/index.js
new file mode 100644
index 0000000..5d5ade0
--- /dev/null
+++ b/assets/js/index.js
@@ -0,0 +1,96 @@
+
+
+
+ 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);
+
+console.log ('len'+ flight_path_length);
+
+
+
+ let cb=function(){step=step+100;
+
+ Snap.animate(step, flight_path_length, function() {
+//console.log('pas');
+ moveToPoint = Snap.path.getPointAtLength( flight_path, step );
+ x = moveToPoint.x ;
+ y = moveToPoint.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+')');
+ },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);
+
+