Гринсок - бесшовная петля SVG с экрана - PullRequest
Новая
       59

Гринсок - бесшовная петля SVG с экрана

0 голосов
/ 12 октября 2018

У меня есть SVG с различными облачными иллюстрациями, которые я хотел бы плавать по экрану справа налево.У меня есть анимация зацикливания, но я не могу найти способ сделать повтор без шва.Прямо сейчас мне нужно подождать, пока все облака полностью оторвутся от экрана, прежде чем произойдет повтор.В идеале, крайние левые облака снова начнут тянуться справа за финальными облаками, прежде чем они окажутся полностью за кадром.Есть ли способ это исправить?

https://codepen.io/kylehagler/pen/jeLazp

var clouds = document.getElementsByClassName("cloud");

for(var i = 0; i < clouds.length; i++) {
  TweenMax.fromTo(clouds[i], 5,
                  {x:"100%"},
                  {x:"-100%", ease:Power0.easeNone, repeat:-1});
}
...