SVG Morph difference

[dalisoft]

Hi, GreenSock developers!

I'm amazed when see the latest Morph SVG Plug-in!

I comparing two SVG Morph tool, but i seen you're using another way to morph, you're can share how you're doing?

 

- my pen, only for test

See the Pen QjKNeZ by chrisgannon (@chrisgannon) on CodePen.

See the Pen qOQrwz by dalisoft (@dalisoft) on CodePen.

[GreenSock]

Hi dalisoft. I'm not quite sure what you're asking here - can you be more specific? Are you asking us to explain the details about the proprietary algorithms we implemented? We definitely put a lot of thought into making MorphSVGPlugin act as intuitively as possible and deliver excellent morphs which is more challenging than one might expect  

 

I'd like to give you an answer...I just am not quite sure what you're looking for

[OSUblake]

I was curious how it would look using the same SVG. Still looks the same. 

 

See the Pen MazEvL by osublake (@osublake) on CodePen.

 

On the Morpheus site the demo doesn't look that bad, and you don't see that weird triangle effect at the end of the tween. But then I noticed that they are using a white path to fill in areas that should be probably not have any fill at all. 

 

http://alexk111.github.io/SVG-Morpheus/

[dalisoft]

Thanks for answer!

USUblake: you also seen tweening with wrong morphing?

GreenSock: I can't understand, why SVG-Morpheus is tweening wrong, that why i asked from. You can fix morph issue with some tricks?

 

Thanks again!

[dalisoft]

I haven't MorphSVG plug-in for morphing. But i trying use SVG-Morpheus as morph animator

[OSUblake]

Change the shapeIndex to 0 or 1. That's what Morpheus is doing.

 

See the Pen LpxOqR by GreenSock (@GreenSock) on CodePen.

[dalisoft]

Thanks. Shapeindex is how calculating? Thanks anyway

[GreenSock]

The basic idea is that it'll find the one the causes the points to travel the shortest distance overall which is usually what you want. Does that answer your question? Or were you wondering what shapeIndex means?

[dalisoft]

Thanks!

I have not idea what this shapeIndex, i not want shapeIndex code, i want learn shapeIndex is what?

Thanks!

[GreenSock]

Did you read the docs? 

http://greensock.com/docs/#/HTML5/GSAP/Plugins/MorphSVGPlugin/

 

(I don't mean that in a snarky way - I just wasn't sure if you already read the docs and/or watched the video and still don't understand what shapeIndex is)

[dalisoft]

Thanks, i now reading. Great product not only product feature, great with best support. GreenSock has best support. Thanks

[dalisoft]

Hi, again!

I'm maked own SVG Path extractor/decode/parser!

I tested, there all is accurate, but while i calculation shows error when has difference paths.

Can you're help me?

 

Github Link: https://github.com/dalisoft/SVGPath.js

[GreenSock]

I don't quite understand your question. Could you elaborate? What is your GSAP-specific question? I'd be happy to help, but I just don't understand what you're asking or what the problem is (at least as it relates to GSAP). 

[dalisoft]

GSAP is really cool, i have not problem with GSAP!

There seem, SVG Morph has issue - 

See the Pen qOQrwz by dalisoft (@dalisoft) on CodePen.

 (i said ago)

While 5,4,3,2,1,0 numbers, showing triangle, because these paths not same number of points.

Have any idea how to improve this?

 

UPDATE: There seem SVG Morph works properly, because point number of same. http://googledrive.com/host/0B7DKrzLvYDoOZUViTlBZQWxNWXc (demo link, batman.html)

NOTE: "MorphSVG" is excellent Morpher, but simple web-developers (like me, making simple official site for own) can't get this plug-in. I want make, that simple developers can use morph with limited* features, but with excellent morph.

 

* (limited) - users can't control over time/timeline like pause,play,reverse,restart or etc!

 

Thanks!

 

Sorry for bad english

[GreenSock]

Are you asking us to troubleshoot svg-morpheus, a tool that we didn't create? And you want us to help you make it handle morphing in a better way (like our MorphSVGPlugin) so that people won't have to pay for our tool? Am I understanding you correctly? 

[dalisoft]

Yes, you're understand. MorphSVGPlugin is stable and has many control. Commercial users pays for it, but for Github or Freebie theme makers no pays, i think. You're can help me to look better morph?

[GreenSock]

No, sorry, that's not something we're willing to do. It took us a LOT of time to perfect that tool and the algorithms involved. To be honest, it feels a bit insulting to be asked to volunteer our time to dissect someone else's competing tool, figure out how to implement our proprietary algorithms, donate them, and basically give people reasons NOT to support our efforts. I'm not sure you realize this, but Carl and I do this full-time and depend solely on the support of our users to feed our families and keep moving the platform forward. We really try to be generous with our posture by sharing so much of our code and engineering a license that keeps things extremely accessible while providing a small funding mechanism that protects it from stagnation (which is what kills most open source projects), but MorphSVGPlugin is one of the few things we reserve for members as a "thank you" for those who support us. Good luck with your project though. 

[dalisoft]

All is OK

Thanks for reply.

I know, how to make best tweening engine with LOT of feature is too hard.

Thanks again