Jump to content
Search Community

Noob need help for animation transform without SVGMORPH

sahariv test
Moderator Tag

Recommended Posts

Hello, I want to animate several elements in this svg (wave, palm tree, octopus). I want a morph effect (transform between 2 svg) I am using in .html but my svg is really huge and I am confused .. Not having access to the club, can you help me with a method other than SVGMORPHPLUGIN. I am new to web development (-1years) and I really need to finish my portfolio, I have an application in a few days. Have a nice day, Aymeric

24728080_Capturedcran(6).thumb.png.8f8983ff6b470e8fc4d017dd4ed6f01f.png


 
Link to comment
Share on other sites

Hey Aymeric and welcome to the GreenSock forums.

 

The difficulty of morphing between two SVGs depends largely on the actual SVGs being morphed between. In most cases it's far from trivial because they have a different amount of points and you would have to do a lot of calculations to figure out how they should be animated. MorphSVGPlugin does this for you :) Sorry, but we can't just provide you a work around for doing all that MorphSVG does without MorphSVG. 

 

We highly recommend signing up for Club GreenSock! Usually people find that it pays for itself in a matter of days. It sounds like that will definitely be true for you as it will save you a ton of time :) 

  • Like 3
Link to comment
Share on other sites

Thank you Zach,
Unfortunately after Christmas shopping I can't afford to pay for the club right away, but then I will.
I'm thinking of continuing with <animate> and doing some stuff with after effects.
Have a good day :)
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...