모션 함수들

 

스크롤 모션

function scrollMotion(tl, obj) {
  var controller = new ScrollMagic.Controller();

  var scene = new ScrollMagic.Scene({ triggerElement: obj, offset: -300 })
    .setTween(tl)
    .reverse(false)
    .addTo(controller);
    //.addIndicators(true);
}

 

돈 흩날리면서 떨어지는 모션

function moneyMotion1(obj, d, tg) {
  var tl = new TimelineMax();

  tl.to(obj, 0.7, { opacity: 1, delay: d }).to(obj, 3, {
    bezier: [
      { x: 70, y: 100 },
      { x: 40, y: 200 },
      { x: 80, y: 222 },
    ],
    delay: -0.5,
  });
  scrollMotion(tl, tg);
}

 //실행
 moneyMotion1(".money1_1", 1.7, ".percentBox1");