Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
knalle

MorphSVG menu - works in v 0.8.8 - but not in latest

Recommended Posts

I upgraded to latest MorphSVG (v. 0.9.1) - but now the SVG path closing animation is not working (the background should "scale" back in). What could be the problem?

It works in 0.8.8.

See the Pen wLqKLo by knalle (@knalle) on CodePen

Link to comment
Share on other sites

Hi @knalle,

 

I'm not sure what effect you want to achieve?
Something like here?

 

See the Pen OejXye by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

 

Link to comment
Share on other sites

Mikkel, the closing "look" is right, but my CodePen  is simplified and the case of simply reversing isn't going to work - I need to have svg working in in 0.9.1 again. Perhaps there are new MorphSVG setting I need to fill in?

Link to comment
Share on other sites

Hi @knalle,

 

I am not aware of any new MorphSVG setting.
Your code is very complex. And I can not find the error.
Another idea for toggling an animation could be like this ...

 

See the Pen EBvNMm by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

  • Like 3
Link to comment
Share on other sites

I'm not seeing any problem with morphSVG. The problem seems to be coming from your progress(1) jump in the setup function. I assume you did that to hide the <li> elements? You can use immediateRender:false to take care of that.

 

I forked your demo and used an addPause() and labels to make things a bit easier to follow. All seems to be working correctly and I don't see anything unusual with the morph plugin.

 

See the Pen EBvWBx by PointC (@PointC) on CodePen

 

Hopefully that helps a bit. Happy tweening.

 

 

 

  • Like 2
  • Thanks 1
Link to comment
Share on other sites

16 hours ago, PointC said:

I'm not seeing any problem with morphSVG. The problem seems to be coming from your progress(1) jump in the setup function. I assume you did that to hide the <li> elements? You can use immediateRender:false to take care of that.

 

I forked your demo and used an addPause() and labels to make things a bit easier to follow. All seems to be working correctly and I don't see anything unusual with the morph plugin.

 

 

 

 

Hopefully that helps a bit. Happy tweening.

 

 

 

 

 

Thank you PointC - that makes sense!

  • Like 1
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.
×