Hey, everyone!<p>I'm one of the developers at Facebook who worked on this library since its conception! Really excited to be able to share this library today! I'll be checking up here periodically and can help answer any technical questions that you have!
This is really slick, and I'm going to investigate using it for the Donald Trump animation on jungle.horse.<p>The license [1] doesn't look to be as encumbered as some of Facebook's other open source licenses, but does include a clause I found to be strange:<p>> provided Your Software does not consist solely of the Software<p>So if I'm reading this correctly, it means only Facebook can redistribute this software? Wat.<p>[1] <a href="https://github.com/facebookincubator/Keyframes/blob/master/LICENSE.md" rel="nofollow">https://github.com/facebookincubator/Keyframes/blob/master/L...</a>
I was totally down with this - a tight, efficient vector graphics format with After Effects integration, super - up until the point they said these animations were JSON files.<p>Huh?<p>Didn't I just read a whole blog post saying that one of their requirements was fast loading from disk, small bandwidth usage, etc? And that's what justified creating an entirely new image format from scratch, not something the internet is really suffering a shortage of already?<p>I know JSON is fashionable but that ending just seems kind of ridiculous. What's wrong with a binary format? Use Cap'n'Proto and mmap it! Saying numbers <i>represented as text</i> compresses well was the icing on the cake. No shit!
tl;dr - A plugin/library for exporting vector animations from After Effects and using them easily in iOS/Android apps.<p>Previous options were exporting SVG animations, rendering to bitmap spritesheets or png sequences - or having to write a spec for the AE animation and recreate it in iOS/Android.
Correct me if I'm wrong. It sounds like Keyframes is like "Flash runtime", the differences are you author your animation in After Effects, and the output is JSON (instead of SWF).
This is a powerful idea. I've looked for tools to do this exact thing. I'm the sole animator on a team of software developers and currently when I want to create an animation in an iOS app I usually start by mocking up the animation in a tool like after effects, and then recreate that animation using my graph editor as reference in core animation. Svg works well for storing shapes. Having a similar standard for storing animation curves is really powerful.
I've made the exact same thing, basically. A tool to convert AE animations to iOS. Has some other features, but it's also AE -> JSON -> code: <a href="http://www.squall.no" rel="nofollow">http://www.squall.no</a>
Cool to see what the folks at FB came up with!
I wonder what this means for animation studios, or edit houses. Obviously most dev shops don't have a need for full time animators, but just as obvious is that a lot of devs don't know animation fundamentals outside of how to implement an animation without jank.
I'm reminded of this: <a href="https://youtu.be/pAEAbqrE5Zw" rel="nofollow">https://youtu.be/pAEAbqrE5Zw</a><p>Does it represent a lot of work by skilled technicians? Undoubtedly. Is it <i>interesting</i> in it's own right? Frankly I think not.<p>The surrounding question of the socialization of the internet is interesting, to be sure, but at the end of the day these are just animated emojis...
is facebook okay? how many developer hours went into making their emojis animate <i>properly</i>? i don't want to say it's a waste of time/shareholder value but it might be.<p>still interesting though. gonna check it out.
Related - YouI.tv is a commercial product that exports animations and assets from AfterEffects in order to build whole apps: <a href="http://www.youi.tv/youi-engine/" rel="nofollow">http://www.youi.tv/youi-engine/</a>