TobiReif

Members
  • Content Count

    2
  • Joined

  • Last visited

Community Reputation

0 Newbie

About TobiReif

  • Rank
    Newbie

Contact Methods

Profile Information

  • Gender
    Not Telling
  1. TobiReif

    Sine-wave animation

    Thanks for the reply! I already had the SVG, and it was more of a quick test to animate it using GSAP/TweenMax. Then I used it to wish for better performance in browsers https://twitter.com/TobiReif/status/771287628545191936
  2. TobiReif

    Sine-wave animation

    How to ensure that the snake-like animation in https://codepen.io/TobiReif/pen/b7809c58663ddac3572f5594ffc4f5fe/ is even? Each column of dots should move up with ease-in-and-ease-out (eg sine) and should move back in the same way: slow upwards, fast upwards, slow upwards, then slow downwards, fast downwards, slow downwards; loop. The current animation is roughly what I want, but it seems to be faster at the top and slower at the bottom. Each column of dots seems to jump up and down, resting at the bottom only. I had no luck using repeatDelay, and I think a clean solution would not involve repeatDelay. Instead I need something like "sineAnimationUp;reverse;loop" or simply "sineWaveAnimation" == forth and back exactly like a sine wave.