CustomEase might not be properly normalizing SVG path data

[avancamp 19 Likes (Newbie)]

Hi there,

 

I have the following SVG path data that I wish to use as a CustomEase. However, I think that CustomEase might not be properly normalizing this path:

M16,350C17.6667,361.8333,18.2157,421,26,421

When pasted into the Ease Visualizer, this is the result:

 

This SVG path data was generated by my new ae-ease-to-gsap-customease script, so it's possible that my script just hasn't generated the correct SVG path data. However, it certainly looks correct, which is why I'm currently suspecting that this might be an issue in CustomEase.

 

Thanks for your time,

Alex

 

EDIT: For additional context, here's what this curve looks like in AfterEffects:

[OSUblake 18,477 Likes (Superhero)]

I'm not familiar with how the coordinate system AfterEffects works, but by looking at your screenshot, it appears to be starting in the bottom-left corner. For svg, the y-axis is reversed, starting in the top-left corner, so try flipping the y values.

[avancamp 19 Likes (Newbie)]

I'm not familiar with how the coordinate system AfterEffects works, but by looking at your screenshot, it appears to be starting in the bottom-left corner. For svg, the y-axis is reversed, starting in the top-left corner, so try flipping the y values.

 

Huh, yeah. That seems totally fix it. I'll patch my script tomorrow to account for this. Thanks!

[GreenSock 18,301 Likes (Superhero)]

Yep, exactly right. Here's what yours looked like: http://codepen.io/anon/pen/GWPVwx 

 

It should resolve itself if you feed in a curve that starts lowest in the bottom left. It typically ends above and to the right, but it's okay if you make it return back to the x-axis (for an ease that goes back to the starting values). 

[avancamp 19 Likes (Newbie)]

Script updated, should be good to go: https://github.com/SupportClass/ae-ease-to-gsap-customease

 

BTW, I welcome feedback, feature requests, and pull requests! I think this script could become a really powerful tool for improving the workflows of people converting After Effects projects to GSAP animations.

[GreenSock 18,301 Likes (Superhero)]

Very cool! Thanks for sharing. There are plenty of folks who use GSAP and AE, so I'm sure this will be a very welcome tool for their workflow.