TimelineMax, не удается заставить работать временную шкалу - PullRequest
Новая
       96

TimelineMax, не удается заставить работать временную шкалу

0 голосов
/ 13 июня 2019

Итак, у меня есть анимация облаков, которую я переключаю с анимации CSS на JS через TweenMax / TimelineMax. Мне никогда не удавалось заставить TimelineMax работать, поэтому я всегда придерживался только TweenMax, но для этого проекта мне нужен TimelineMax. Я следовал рекомендациям API Greensock, но, похоже, это не сработало. что-нибудь, что выделяется в синтаксисе или как я написал этот код?

кодовая ссылка

соответствующий код из авторучки: 

  let clouds = [],
      cloudTLs = [],
      cloudSpeeds = [
          null,
          9,
          9.5,
      ];

  let s_ = document.getElementsByClassName("cloud-container");
  s_ = Array.from(s_)
  clouds.push( null, ...s_ )

  for(let i = 1; i < clouds.length; i++){
    let tl = new TimelineMax({repeat:-1});
    tl.to( `#cloud-${i}`, 9, {transform:"translateX(94vw)"} )
    tl.to( `#cloud-${i}`, 9, {transform:"translateX(0vw)"} )  
    cloudTLs.push(tl)
  }
...