スマホ関連の海外ニュースです。
ロッティは人造人間のための移動図書館と Adobe After Effects アニメーションを解析し iOS Bodymovin と json としてエクスポートされ、ネイティブの携帯電話でそれらをレンダリングします! 初めて、デザイナーは作成し、エンジニアの手で苦労して作成し直すことがなく美しいアニメーションを出荷できます。彼らは、写真は 1000 の言葉の価値があるので、ここで 13,000 と言う: これらのアニメーションのすべては After Effects で作成された、Bodymovin でエクスポートされ、エンジニア リング努力なしでネイティブにレンダリングします。 Bodymovin は、json としてエフェクト ファイル後輸出高、javascript web プレーヤー含まれていますエルナン torrisi さんによって作成された After Effects プラグインです。我々 は、Android、iOS、ネイティブ対応してその使い方を拡張する彼の偉大な仕事の上に構築しました。 私たちのブログでそれについての詳細を投稿する読み取りは自分でサンプル アプリケーションをビルドまたはプレイ Store からダウンロードできます。サンプル アプリでは、いくつかのアニメーションの構築が含まれていますが、内部ストレージまたは url からアニメーションをロードすることもできます。 Gradle が唯一サポートされているビルド構成、これだけ依存関係をプロジェクト ファイルに追加します: ロッティ ジェリービーン (API 16) をサポートしています以上。それを使用する最も簡単な方法は、LottieAnimationView: プログラムで複数の方法でそれを読み込むこともできます。解像度/資産の json 資産から: このメソッドはファイルを読み込むと、背景のアニメーションを解析し、レンダリング完了を非同期的に開始します。 リストの各項目のようなアニメーションを再利用またはネットワークからロードする場合要求された JSONObject: アニメーションを制御したり、リスナーを追加したり: ボンネットの下を使用して、アニメーションをレンダリングします。場合に使用できます、直接描画フォーム: アニメーションが頻繁に再利用される、内蔵オプションのキャッシュ戦略にあります。使用します。ことができます、または読み込まれ、解析されたアニメーションに強いまたは弱い参照を保持しますが。 このリポジトリのクローンを作成し、サンプル アニメーションの束を参照して LottieSample モジュールを実行します。LottieSample/src/メイン/資産・ After Effects ファイルにある元のための JSON ファイルがある/効果のサンプルの後サンプル アプリはまた json ファイルで指定された url またはローカル デバイス (ダウンロードのようなまたはあなたの sd カード上) を読み込むことができます。 ロッティはドイツの映画監督とシルエット アニメーションの第一の先駆者にちなんで。彼女の最もよく知られたフィルム アクメッド王子の冒険 (1926 年)-最も古い存続の長編アニメーション映画は、前のウォルト ・ ディズニーの長編白雪姫、10 年以上で 7 人の小人 (1937 年) ロッテ Reineger 貢献の芸術より歓迎。変更内容の説明と PR をちょうどアップロードします。ロッティは、ピクセル レベルの変更/破損を識別するのに Android 用 Facebook のスクリーン ショット テストを使用します。何が壊れているように広報をアップロードする前に実行してください。このロリポップを実行しているネクサス 5 エミュレーターを使用します。変更されたスクリーン ショットは、あなたが持っている場合 git diff で表示されます。 多くの JSON ファイルとスクリーン ショットのテストを追加する場合は、気軽にそうし、するテストを追加します。 ファイルが予期せず壊れている何かを github の問題。After Effects ファイルが動作しない場合は、あなたの問題にそれを添付してください。元のファイルがない場合のデバッグははるかに難しいです。
続きを読む…
airbnb/lottie-android
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile! For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. They say a picture is worth 1,000 words so here are 13,000: All of these animations were created in After Effects, exported with Bodymovin, and rendered natively with no additional engineering effort.
Read more…
