creatide / animatemate Goto Github PK
View Code? Open in Web Editor NEWCreate your animations directly in Sketch using AnimateMate.
Home Page: http://AnimateMate.com
License: MIT License
Create your animations directly in Sketch using AnimateMate.
Home Page: http://AnimateMate.com
License: MIT License
I create my animation as usual but when I start the export the animated frames just disappear...
They are still there in sketch's layer list but not graphically here, and they don't appear in the animation either.
Sketch version : 41.2
This is on a clean install of Sketch 3.4.2 with the latest version of AnimateMate.
Selecting an object, then trying to animate with any of the animation options just fails silently.
This is my first time using AnimateMate, so apologies in advance if this is a user error! Happy to provide any more information that would be useful!
The whole Sketch application became unresponsive after installing this plugin. Tried to restart system & open again to no avail. Removed this plugin and reinstalled Sketch and everything worked again.
Sketch v. 41.2 (35397), OS X 10.11.6. I can share crash logs from the system if needed.
Hi, great plug in over all.
Whats about a more comfortable interface (may be inside the inspector)?
And, whats about to animate a mask?
Lets say to move a "cutted" rectangle from out a big dark one to explain some buttons or other function of a screen ...
Have a look here
Thanks
Hello,
I can't test this plugin because when i export my artboard my element with animation go away.
The layer that must be animated still fly away and i can't see it in the animation ...
Do you know why ?
More details found @ https://github.com/integration/sketchpacks-relay
Hello, I installed your plugin on my Macbook Pro (8 GB RAM) with Sketch 41.2 installed.
Whenever I try to export the animation even up to 5 frames, Sketch stops responding.
Any idea for this?
Thank you!
@niittymaa congrats on making an awesome plugin. Such a great start!
One quick suggestion: You can save animation properties as layer metadata instead of using the layer name (which is prone to errors since layer names can easily be changed by users). It's easy to set the metadata using MSPluginCommand (docs for reference: http://developer.sketchapp.com/reference/MSPluginCommand/)
For example, to set the value:
var layer = context.selection.firstObject();
context.command.setValue_forKey_onLayer_forPluginIdentifier(animationProps, "animationProps", layer, "com.creatide.sketch.animatemate");
To read the value back:
var layer = context.selection.firstObject();
var animationProps = context.command.valueForKey_onLayer_forPluginIdentifier("animationProps", layer, "com.creatide.sketch.animatemate");
Looking forward to seeing how you take this plugin forward. Good luck ๐
Hi, great plugin, congrats!
Trying to export a menu, but its shadow won't export well
(the GIF shows a solid shadow instead of a smooth dithered one)
Is there a way to set dithering export for GIFs?
Thanks
export settings options are not remembered for the next export.
example: I select gig instead of PNG sequence, and set the delay to 20 frames, next exports, these are all reset to default
Rotate animation doesn't work when I save the frame with object rotated, I need to manually edit the rotation values in the json
Now, I'm creating an animation like this:
It will be useful, if we could enter relative values:
So, there will be 50 frames.
The current method of changing ease type from 'create animation' isn't the most intuitive way.
Hi,
it would be awesome if I could export teh png sequence as a sprite.
This would reduce my workload for generating animated icons.
Cheers
I'm new to animations but only see easein types not fadein
Right now I have to make my artboard twice the resolution to export the animations at full resolution. having a 2x and 3x option in the export window would help this a lot!
First, thank you for this amazing plugin. I really appreciate your work!
But I have a problem when exporting the animation with multiple layers. I see that you're calculating the key frames based on the artboards X and Y coordinates. I was trying to only animate a nested layer. After the export, the animated layer has been given an offset. The offset is the same X and Y values of the parent layer of the nested layer.
For example, I have my artboard. Then there is layer 1 with (0, 40). Inside layer 1 is another layer 2 which I animated with keyframes. After the export, layer 2 has been moved 40 pixels down on the Y-axis.
Hope you understand my problem. ๐
As the title suggest, AnimateMate is doing some really weird stuff right now. As you export, Sketch crashes but creates the animation. Sometimes they don't work either. After that, you cannot delete the gif, it recreates itself every minute taking up loads of space on my drive. Until i restart my Mac.
Also thanks for creating AnimateMate, it's the only plugin I use for Sketch, it's so amazing!
Thank you creating and sharing this plugin. I'm new to Sketch and I'm trying to create a simple animation for a research project but I'm unable to export the file to .gif. However, when I export .png I can see all the images so I'm doing something right, but .gif won't work. This happens regardless of how small/simple my animation is. I'm running the trial version of Sketch on Sierra, for what it's worth. Any help would be much appreciated.
While testing this plugin I tried to recreate the Facebook loading animation (having a masked, gradient-filled "highlight" rectangle animate across some UI elements) and noticed that the gradient doesn't export correctly when exporting as a gif. See here: https://www.dropbox.com/s/tsew3buks4ybfxt/animateMate-gradientFail.gif?dl=0
Hi there!
This is a quick note to remind you that Sketch 45 will include a plugin update system.
It would be awesome if you could add support to it (it's really easy!) before Sketch 45 comes out. Ideally, you should release an update for your plugin while we're still in Sketch 44, so your users will have a nice & easy experience when 45 is released.
For more details, please check http://sketchplugins.com/d/229-updating-plugins and http://developer.sketchapp.com/introduction/updating-plugins/
Thanks in advance!
Thanks for this super handy tool!
I've tried setting the loop count to 0, 1, 2, and 3, no luck on trying to figure out how to not make it loop. Am I just using it wrong?
I made an animation, exported it as a gif, changed the alignment, and tried re-exporting it. Every time I do, it's the old alignment which exports; the same gif keeps saving as the first time.
I have no idea why this is happening. I didn't change anything else, and I'm exporting it the same way. I've completely deleted the old version. I can't get the updated animation to export and it's driving me crazy.
Anyone know what is causing this?
Hello, thanks for this wonderful plugin. As I just digging through your examples and recreating it, I stuck on the clock example.
How did you animate the pie? Would you be so kind to give me a short explanation?
is anyone else having this issue? I love this plugin, but I can't export without a freeze/crash.
Hi,
first, nice plugin!
I have the problem that I don't get a scrollbar if I have a lot of keyframes and if I press the enter button it will not generate a new line, it will close the window.
Theese both things are not so smart for a good usability.
Cheers
Hi,
if I'm finished with my animation and will export this I don't get any gif or png in the selected export folder?
What could be wrong?
Cheers
It seems that scaling in export dialog is broken after Sketch 41 update.
Problem was caused MSExportRequest command and I guess it's changed in Sketch 41 API.
var scaleSlice = [MSExportRequest requestWithRect:utils.artboardRect scale:scaleValue];
utils.doc.saveArtboardOrSlice_toFile_(scaleSlice, fileName);
I disabled it for fast fix for 41+ versions until I found how it works now. Anyone have idea how it should be now?
Even though I change the Loop Count setting to 1 (or any other number), the GIF exports as an infinite loop. Anyone else have a solution for this?
EDIT: Sorry, I'm an idiot. I realized Mac Preview just loops GIFs no matter what (I think). I'll close this for now.
I am using Sketch 42. With the latest version of AnimateMate I can export but the gifsicle Prozess consumes 100% CPU und does not finish. When I force quit it it is gets restarted over and over.
I am Using Sketch 42 on macOS 10.12.3
The current method of saving the information in the layer name is not the best. I remember other plug-ins that solves this by putting those informations in the layer description and not title. (or something similar. I'm not a developer, but I read the issue on another plug-in and the solution was explained like this)
I've tried changing the colour of the text from frame to frame, but it changed the colour on every frame instead. not sure if colour change is supported for objects or not. but having the support would be nice. The ability to change fill colour and stroke colour both would be nice as well.
When exporting an animation as GIF the plugin notifies "GIF created successfully in ", but no GIF file is actually there. The png sequence export works fine.
I tried unchecking the 'Enable Loop' box when exporting my animation, but it still loops forever. Is there another way to make the gif loop only once? Thanks!
Hi, great plug in over all.
I think it's good idea if you can provide the animatemate basic sketch file, which is used in your youtube demo showcase. so new comer can use the sketch to do experiment with your video.
Animating an object within a group results in that object X and Y position shifted by the sum of respectivelly X and Y position of the group + X and Y position of the object itself.
I've attached a screenshot, the left artboard is how it was set in the keyframe, X and Y position at the top left corner. The right artboard is how it gets exported.
If not clear I can elaborate a bit more, but I'm not sure if Sketchapp X and Y behaviour has changed within groups but it appears the reference point is not the group itself but rther the top left corner of the canvas even inside a group.
I'm looking for a free animation tool and AnimateMate is pretty good so far, except I'd really like to:
I see these are in the roadmap, however I'm cautious to start using this plugin since the last time it was updated was 10 months 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.
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?
the way I see it is that say you have created an animation eg genie effect, which you want to use in an iOS application. However you want to be able to apply that animation to a button or an image. So if we can export the created animation as specs of opacity, transform, timing curve, keyframes (where applicable) then each system, either iOS or Android can read that as specs and generate animations that it can apply to any object
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.