https://github.com/insidegui/KeyframesPlayer

A simple macOS app to preview animations created with Facebook's keyframes framework
https://github.com/insidegui/KeyframesPlayer

Last synced: about 1 month ago
JSON representation

A simple macOS app to preview animations created with Facebook's keyframes framework

• Host: GitHub
• URL: https://github.com/insidegui/KeyframesPlayer
• Owner: insidegui
• License: bsd-2-clause
• Created: 2016-12-12T19:37:30.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-10-12T21:36:33.000Z (about 7 years ago)
• Last Synced: 2024-08-01T23:33:05.769Z (4 months ago)
• Language: Swift
• Size: 958 KB
• Stars: 70
• Watchers: 4
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• open-source-mac-os-apps - Keyframes Player - Simple macOS app to preview animations created with Facebook's keyframes framework. ![swift_icon] (Applications / Other)
• open-source-mac-os-apps - Keyframes Player - Simple macOS app to preview animations created with Facebook's keyframes framework. ![swift_icon] (Applications / Other)
• awesome-swift-macos-apps - Keyframes Player - Simple macOS app to preview animations created with Facebook's keyframes framework. (Other / Text)
• awesome-swift-macos-apps - Keyframes Player - Simple macOS app to preview animations created with Facebook's keyframes framework. (Other / Text)

README

        
## Keyframes Player

A simple app to preview animations created with [Facebook's keyframes framework](https://github.com/facebookincubator/Keyframes) and export them to Core Animation archives.

[⬇️ DOWNLOAD LATEST RELEASE ⬇️](https://github.com/insidegui/KeyframesPlayer/releases/latest)

### Using the export option

#### Render After Effects animations in your app without external dependencies

CAAR, or Core Animation archives, are files that hold trees of `CALayer`s encoded using `NSKeyedArchiver`. Since Keyframes uses Core Animation to reconstruct animations created in After Effects, it's possible to export the animations as files that can be read in AppKit or UIKit apps later, without the need to include the Keyframes framework in the shipping app.

After exporting the .caar file, add it to your app's resources and use [this code snippet (ObjC)](https://gist.github.com/insidegui/59a7264a99d794d41236008fcf1e32d3) or [this one (Swift)](https://gist.github.com/insidegui/f63dad60fd9a99cc23f976d0a1283286) to read the animation in your app. To check if the export worked, you can use [CAAR Player](https://github.com/insidegui/CAARPlayer) on macOS to open the archive file. Not all features will work with this method, but I've found this to work with the most common shape and transform animations.

![screenshot](./screenshot.gif)