OSUblake test

SVG wave animation

SVG wave animation

Hello,   I've adapted an existant codepen to a jquery plugin in order to animate a svg into a random wave effect. I managed to use tweenMax in order to smooth the animation but i dont know if i've done that properly or if something can be improved or re-writed in a more clever way.   Feel free to copy the jquery plugin if you need it   Best regards, See the Pen jBavvN by peacepostman (@peacepostman) on CodePen
Hi @peacepostman,   Looks like you're using some code from this Paper.js example.    To animate sine waves, you can use a Sine.easeInOut ease along with some other optional eases. Check out this post... https://greensock.com/forums/topic/15270-animating-waves-with-gsap/?p=66401   But rendering stuff with SVG can be slow. Canvas drawing commands are hardware accelerated, so that might be a better option. Check out this version. You can add as many waves as you w
    • Like
    6