2 ポイント 投稿者 GN⁺ 2025-05-26 | まだコメントはありません。 | WhatsAppで共有
  • Lottieは、Adobe After EffectsのアニメーションをWeb・モバイルなど複数の環境で再生するために2015年に始まった、オープンソースのベクターアニメーションファイルフォーマット
  • アニメーションデータは主にJSONベースのファイルとして扱われ、キーフレーム、イージング曲線、レイヤー情報など再生に必要な構造を含む
  • 解像度に依存しないベクターグラフィックスとトゥイーニングを基盤に、複数のプレイヤー、レンダラー、制作ツールが連携するエコシステムが形成されている
  • Lottie Animation Communityは、フォーマットを安定した公式仕様へ整える一方で、既存プレイヤーで使われている機能も段階的に標準へ統合している
  • .lotvideo/lottie+json、dotLottie(.lottie)のような隣接する拡張子とフォーマットの違いを理解することで、実装と配布時の混乱を減らせる

Lottieフォーマットと制作フロー

  • Lottieは、アニメーションベクターグラフィックスのためのオープンソースファイルフォーマット
    • 2015年にHernan Torrisiが、Adobe After Effectsアニメーションのエクスポートと再生のためのフォーマットとして最初に作成した
    • 現在はWeb、モバイルアプリケーション、その他のシステムで使われており、複数の独立したレンダラー実装と制作支援がある
  • 制作方式としては、Adobe After Effectsと専用プラグインを活用する流れが広く使われている
    • 複雑なアニメーション、モーショングラフィックス、インタラクティブ要素を含められる
    • 制作後にLottie JSONファイルとしてエクスポートできる
    • JSONファイルには、アニメーションの再現に必要なキーフレーム、イージング曲線、レイヤー情報が含まれる
  • 主要な構成要素は、ファイルサイズとプラットフォーム互換性の両方を狙っている
    • ベクターグラフィックス: ピクセル格子ではなく、曲線や線などの幾何図形で作られる解像度非依存の画像
    • トゥイーニング: アニメーターが特定のキーフレームの図形属性を定義すると、中間フレームを自動補間するアニメーション方式
    • エコシステム: プレイヤー、制作ツール、ライブラリ、無料アセットがあり、数千社がユーザー体験の改善に利用している
    • オープンファイルフォーマット: JSONベースのオープン標準で、Web配信や既存ツールによる操作がしやすい
  • 関連ドキュメント

Lottie Animation Communityと標準化

  • **Lottie Animation Community(LAC)**は、The Linux Foundationがホストする非営利のオープンソースプロジェクト
    • Lottie File Formatを、効率的で拡張可能、かつクロスプラットフォームなアニメーションベクターグラフィックス技術とオープンファイルフォーマットとして確立することに注力している
    • レンダラーとツール全般で実装できる公式Lottieフォーマット仕様の開発を目指している
    • Lottie File Formatの業界標準化と幅広い採用を推進している
  • LACはJoint Development Foundationのガバナンス下で運営されている
    • 標準化作業において、オープンで協力的なアプローチを保証する
    • フォーマットの開発と改善の過程で、コミュニティメンバーが意見を述べられるよう透明性を重視している
  • 既存機能と公式仕様の間には、まだ隔たりが残っている
    • LottieはLAC設立前から長く使われ、コミュニティが作った豊富な機能セットへ発展してきた
    • LACは既存機能を安定した公式標準へ整え、形式化する過程で、段階的に仕様へ統合している
    • 現在のプレイヤーで提供されているLottie機能は引き続き利用できる
    • 公式仕様にまだ含まれていない機能は、LottieFilesによるLottie format documentationで確認できる

拡張子とdotLottieの区別

  • Lottieファイルの拡張子には.jsonまたは.lotを使用できる
    • .jsonは歴史的に広く使われてきた
    • IANAは.lotを標準ファイル拡張子として、video/lottie+jsonをMIMEタイプとして公式に認めている
    • 公式標準に合わせるため、.lot拡張子の使用が推奨される
  • dotLottieとLottieは異なるフォーマット
    • LottieはLACが標準化中のJSONベースのオープンソースアニメーションフォーマット
    • dotLottie(.lottie)はLottieFilesが開発した上位集合フォーマット
    • コアとなるLottie JSONファイルと、画像やフォントなどのアセットを、1つのより小さな圧縮アーカイブにまとめられる
    • 詳細はdotLottie specifications websiteで確認できる

コミュニティ参加

  • LACはコミュニティの誰もが参加できるオープンな協業プロジェクト
    • 仕様への貢献、議論への参加、ツールの改善を通じて、Lottieの今後の方向性に関われる
    • 出発点はcontribution page

まだコメントはありません。

まだコメントはありません。