OSUblake test

Animating waves with GSAP

Animating waves with GSAP

I have some stroke (see attachment) that I want to animate so they're moving like waves. I have something similar with DrawSVG but that wont work when I always want the waves to be visible and not be drawn over and over again? I'm looking for something like this:   As always, thanks! See the Pen EVJGVj by winkerVSbecks (@winkerVSbecks) on CodePen
EDIT: Notice that a flicker may appear in some of these demos. This a hardware acceleration bug Chrome.   You don't need any smoke and mirrors for this.    You can create circular motion using Sine.easeInOut, and circular motion is a wave...     Look what happens when you plot the x and y values separately. Beautiful waves!         Here's how you can do that with SVG. I'm just animating a bunch of SVGPoints on a polyline that
    • Like
    15