github.devotd.
新着開発ツール

airbnb/lottie-web — After Effects アニメーションの Web レンダラー

After Effects のアニメーションを Bodymovin JSON として解析し、Web 上で再生する MIT ライセンスの JavaScript ライブラリ airbnb/lottie-web の機能と、記録上確認できる限界。

リポジトリ情報airbnb/lottie-web ↗

After Effects のアニメーションを Bodymovin JSON として解析し、Web 上で再生する MIT ライセンスの JavaScript ライブラリ airbnb/lottie-web の機能と、記録上確認できる限界。

GitHub の説明: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/

スター
★ 32.3K
フォーク
2.9K
言語
JavaScript
ライセンス
MIT
原文を見る ↗GitHub で見る ↗

airbnb/lottie-web は、Adobe After Effects のアニメーションを Bodymovin で JSON 形式に書き出したデータを解析し、Web ページ上で再生する JavaScript ライブラリだ。After Effects のベクターアニメーションを JSON として受け取り、ブラウザ画面に描画することがこのリポジトリの役割であり、リポジトリの説明にはプロジェクトサイトとして airbnb.io/lottie/ がリンクされている。このリポジトリには記録されたリリース版はない。

画面への描画方式は SVG、Canvas、HTML レンダラーのいずれかをarterial選択でき、ループ再生・自動再生・再生制御を設定できる。リポジトリの説明は、このプロジェクトが Web だけでなく Android、iOS、React Native でも After Effects アニメーションをネイティブにレンダリングすると明かしている。README が整理した機能の範囲は Bodymovin JSON を Web ページ上で再生することである。ライセンスは MIT、言語は JavaScript、GitHub のスター数は 32254 だ。

ただし、この資料で確認できる範囲は狭い。リポジトリは 2015 年 2 月 20 日に作成され、研究記録のモメンタムスコアは 10 点満点で 2 点だ。新規性・技術・品質スコアは算出されておらず、比較対象や性能測定値も示されていない。2015 年から維持されてきたリポジトリである 만큼、現時点で使うならまず更新の有無を確認する価値のある選択である。