diff options
Diffstat (limited to 'assets/js/index.js')
-rw-r--r-- | assets/js/index.js | 96 |
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); + + |