TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Keyframes: Delivering scalable, high-quality animations to mobile clients

393 点作者 theelfismike超过 8 年前

18 条评论

lozzle超过 8 年前
Hey, everyone!<p>I&#x27;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&#x27;ll be checking up here periodically and can help answer any technical questions that you have!
评论 #13015405 未加载
评论 #13015620 未加载
评论 #13015408 未加载
评论 #13015500 未加载
评论 #13015780 未加载
评论 #13016068 未加载
评论 #13015580 未加载
评论 #13018561 未加载
echelon超过 8 年前
This is really slick, and I&#x27;m going to investigate using it for the Donald Trump animation on jungle.horse.<p>The license [1] doesn&#x27;t look to be as encumbered as some of Facebook&#x27;s other open source licenses, but does include a clause I found to be strange:<p>&gt; provided Your Software does not consist solely of the Software<p>So if I&#x27;m reading this correctly, it means only Facebook can redistribute this software? Wat.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;facebookincubator&#x2F;Keyframes&#x2F;blob&#x2F;master&#x2F;LICENSE.md" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;facebookincubator&#x2F;Keyframes&#x2F;blob&#x2F;master&#x2F;L...</a>
评论 #13015313 未加载
评论 #13016018 未加载
评论 #13015213 未加载
评论 #13015221 未加载
评论 #13015596 未加载
评论 #13023304 未加载
zigzigzag超过 8 年前
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&#x27;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&#x27;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&#x27;s wrong with a binary format? Use Cap&#x27;n&#x27;Proto and mmap it! Saying numbers <i>represented as text</i> compresses well was the icing on the cake. No shit!
评论 #13016223 未加载
评论 #13015962 未加载
评论 #13016272 未加载
评论 #13016622 未加载
dharma1超过 8 年前
tl;dr - A plugin&#x2F;library for exporting vector animations from After Effects and using them easily in iOS&#x2F;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&#x2F;Android.
wiradikusuma超过 8 年前
Correct me if I&#x27;m wrong. It sounds like Keyframes is like &quot;Flash runtime&quot;, the differences are you author your animation in After Effects, and the output is JSON (instead of SWF).
评论 #13015809 未加载
评论 #13015306 未加载
valine超过 8 年前
This is a powerful idea. I&#x27;ve looked for tools to do this exact thing. I&#x27;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.
评论 #13015206 未加载
sschueller超过 8 年前
Why can&#x27;t this just be MIT licensed?
mareck16超过 8 年前
I&#x27;ve made the exact same thing, basically. A tool to convert AE animations to iOS. Has some other features, but it&#x27;s also AE -&gt; JSON -&gt; code: <a href="http:&#x2F;&#x2F;www.squall.no" rel="nofollow">http:&#x2F;&#x2F;www.squall.no</a> Cool to see what the folks at FB came up with!
评论 #13020605 未加载
kylehotchkiss超过 8 年前
Neat! Where&#x27;s the react-native port? I know there&#x27;s gotta be one since FB uses it in their apps ;)
评论 #13015381 未加载
yeldarb超过 8 年前
Is there a way to also use it on the web? Presumably FB is also using it in their desktop site.
omegote超过 8 年前
Tell me again about how bad flash was for everything, please?
评论 #13018232 未加载
amsheehan超过 8 年前
I wonder what this means for animation studios, or edit houses. Obviously most dev shops don&#x27;t have a need for full time animators, but just as obvious is that a lot of devs don&#x27;t know animation fundamentals outside of how to implement an animation without jank.
评论 #13015199 未加载
pointernil超过 8 年前
Any &quot;export-paths&#x2F;pipelines&quot; available to use the lib with After-Effects alternatives?
omginternets超过 8 年前
I&#x27;m reminded of this: <a href="https:&#x2F;&#x2F;youtu.be&#x2F;pAEAbqrE5Zw" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;pAEAbqrE5Zw</a><p>Does it represent a lot of work by skilled technicians? Undoubtedly. Is it <i>interesting</i> in it&#x27;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...
评论 #13015428 未加载
评论 #13015324 未加载
评论 #13015445 未加载
评论 #13016017 未加载
评论 #13015184 未加载
评论 #13015139 未加载
debt超过 8 年前
is facebook okay? how many developer hours went into making their emojis animate <i>properly</i>? i don&#x27;t want to say it&#x27;s a waste of time&#x2F;shareholder value but it might be.<p>still interesting though. gonna check it out.
评论 #13019379 未加载
nickmain超过 8 年前
Related - YouI.tv is a commercial product that exports animations and assets from AfterEffects in order to build whole apps: <a href="http:&#x2F;&#x2F;www.youi.tv&#x2F;youi-engine&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.youi.tv&#x2F;youi-engine&#x2F;</a>
puppetmaster3超过 8 年前
Or, be a winner and use GSAP.<p>Just saying.
omouse超过 8 年前
Why not APNG?
评论 #13015465 未加载
评论 #13015971 未加载
评论 #13015379 未加载