diff options
author | hellekin <hellekin@cepheide.org> | 2017-09-14 22:55:43 +0200 |
---|---|---|
committer | hellekin <hellekin@cepheide.org> | 2017-09-14 22:55:43 +0200 |
commit | cfbad8a92412201ac61672fb1416b5d161817e87 (patch) | |
tree | 8e33ff08e5a24c4ee08c551259c2cefa5de7fbe4 /assets/js/index91.js | |
download | qw.lesoiseaux.io-cfbad8a92412201ac61672fb1416b5d161817e87.tar.gz |
Add current site
Diffstat (limited to 'assets/js/index91.js')
-rw-r--r-- | assets/js/index91.js | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/assets/js/index91.js b/assets/js/index91.js new file mode 100644 index 0000000..5d5ade0 --- /dev/null +++ b/assets/js/index91.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); + + |