Creatide / AnimateMate

Create your animations directly in Sketch using AnimateMate.
http://AnimateMate.com
MIT License
1.33k stars 78 forks source link

Animate a shapes vectors? #13

Open jamessimo opened 8 years ago

jamessimo commented 8 years ago

First off I want to say I love AnimateMate, great tool.

I noticed that AnimateMate will scale any given shape (polygon) but if I were too change the polygons mesh (see attached image) then it will just treat the new mesh as the current mesh and maybe resize it.

slice 1

would it be possible too have AnimateMate discover that a layers shape has changed using a local coordinate system and then animate between the two vectors?

niittymaa commented 8 years ago

Thanks for great idea and feedback!

I'm not sure how this would work with the current workflow where all keyframes is stored on layer name. I guess this kind approach we need to store all vector points to make it know that shape has changed and when it was changed? And if we store all points it would be quite mess with the current system. Of course there would be very nice benefit with storing separated points, because then we can create morp animated shapes.

I think this idea is something that should think more if building it more complex mesh editing system. If someone got idea how this could be done with current workflow it would be great! But for now the best way to avoid situation when you have changed your shape after animated it > create "bounds" rectangle to group with original size to keep original scale regardless of the edited shape size.

Correct me if I do not get your point right :)

jamessimo commented 8 years ago

@niittymaa So fitting this into the current workflow may be tricky, I read in a few issues that AnimateMate will move this animation json data into the layers meta data (or maybe this can be offset to a local cache file using javascript?). If this happens would it be acceptable to just store all vectors on screen and animate vectors?

As for a work around you suggested, this isn't an issue, I understand why AnimateMate behaves this way I just wanted to suggest this and try to understand a way we could implement this (if possible).