knalle Posted November 16, 2020 Share Posted November 16, 2020 I am upgrading from GSAP 2 to 3. Seems to be working. However, MorphSVGPlugin hasn't got the pathDataToRawBezier function anymore. It is used in a waveSVG function that Mikkel used in his CodePen that he posted in forum post last year (uses GSAP2). What to do - to make it work again? See the Pen ZNrRZK by mikeK (@mikeK) on CodePen Link to comment Share on other sites More sharing options...
mikel Posted November 16, 2020 Share Posted November 16, 2020 Hey @knalle That was an experiment, a fork of - I don't remember from / from whom. A simpler concept - just morph as you can. See the Pen zYBbpNW?editors=1010 by mikeK (@mikeK) on CodePen Happy morphing ... Mikel 2 Link to comment Share on other sites More sharing options...
knalle Posted November 16, 2020 Author Share Posted November 16, 2020 Hi @mikel Thank you! But that is regular shape morphing. I need the wavy feeling again if possible. Perhaps @GreenSock has a solution/fix that does not require shapes defined in the svg? Link to comment Share on other sites More sharing options...
Shrug ¯\_(ツ)_/¯ Posted November 16, 2020 Share Posted November 16, 2020 Here is a pen that includes the waveSVG function as GSAP 3, does that help? It's from this thread. See the Pen qBWYyNK by GreenSock (@GreenSock) on CodePen 3 Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 16, 2020 Share Posted November 16, 2020 In GSAP 3 the MorphSVGPlugin uses raw paths instead of raw beziers. The updated wave function is in the above pen 1 Link to comment Share on other sites More sharing options...
knalle Posted November 16, 2020 Author Share Posted November 16, 2020 Perfect. Thanks all! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now