Module Highlight: Ti.keyframes

Keyframes is a library created by Facebook. It is used to create high-quality animations on iOS and Android.

Reactions on Facebook

The above image is created using KeyFrames. Everything is possible and thats awesome.

So how does it work? It’s simple; You can create animations in Adobe After Effects and export them using a plugin created by Facebook. Then you can export your animations in After Effects and import them in your mobile app.

Hans Knöchel developed the iOS version of the module and Michael Gangolf created the Android Version. Both modules are available on GitHub and both require TiSDK 6.0.0.GA or higher.

Implementing is very easy:

var view = TiKeyframes.createVectorView({
 resource: 'sample_logo'
});
view.startAnimation();

The above is an excerpt of a code sample created by Hans in the iOS module GitHub page.

Further reading on the subject:

• iOS module
• Android Module
• Facebook code page describing it
• Facebook Keyframes library GitHub page

Want to discuss it? Join us on TiSlack and talk about it in the #general channel.

Patreon

I am crowdfunding these articles (and more). Fund me on Patreon