Lottieの再生・内容確認
Lottie JSON・.lottie・ZIPを開き、組み込む前の動きや素材を確認します。必要な画像やフォントを対応付け、再生位置・速度・背景を変えて確認できます。元のファイルは変更せず、新しいファイルの作成や保存も行いません。
できること
ファイルを開いて再生
JSON・.lottie・ZIP内のアニメーションを選び、再生や一時停止、再生位置の移動で確認できます。
必要な素材を対応付ける
画像やフォントなどが不足している場合は手元の素材を追加します。候補が複数ある場合も、使うファイルを選べます。
背景や速度を変えて確認
透明・白・暗い背景、再生速度、繰り返し、表示サイズを切り替えられます。元のファイルは変更しません。
使い方
アニメーションと素材を追加
Lottie JSON・.lottie・ZIPを選びます。外部の素材を参照する場合は、同じフォルダーや素材ファイルも追加してください。
確認するアニメーションを選ぶ
複数のアニメーションがある場合は対象を選びます。素材の不足や候補の重複が表示されたら、対応するファイルを指定します。
動きと見た目を確認
再生・一時停止、再生位置の移動を使います。必要なら「再生の設定」で背景や速度を変えて確認してください。
こんなときに便利
納品されたデータの動作確認
受け取ったアニメーションを開き、動きや必要な画像がそろっているか確認します。
組込み前の見た目の確認
明るい・暗い背景や再生速度を変え、使用する画面に合うか検討します。
アニメーションと素材の関係
JSONと.lottie・ZIP
Lottie JSONは動きや図形のデータです。.lottieやZIPにはアニメーションと素材がまとめられている場合があります。
表示には参照する素材も必要
画像・フォントなどが別ファイルになっている場合は、名前とフォルダーの位置を確認します。不足や重複を解消してから再生します。
再生設定は確認用
速度・繰り返し・背景・表示サイズの変更はプレビューだけに反映します。アニメーションの元データを編集して保存する機能ではありません。
実際に使う環境でも確認
テーマや対話状態、プレーヤー固有の機能は、基本のアニメーション表示と異なる場合があります。ここで再生できても、すべてのアプリで同じ表示になるとは限りません。
よくある質問
画像が表示されない場合は？
「参照する素材」で不足や未対応の内容を確認してください。手元の画像を追加し、候補が複数ある場合は使うファイルを選びます。フォルダーの構成を保って追加すると対応を確認しやすくなります。
普通のJSONや画像だけでも再生できますか？
Lottie形式のアニメーションデータが必要です。一般的なJSONや、画像だけを追加してもアニメーションとしては再生できません。
再生速度を変更したファイルを保存できますか？
この画面は確認用です。再生速度などを元データへ書き戻したり、新しいファイルとして保存したりしません。
元のサイズではみ出した部分を見るには？
再生の設定で「元のサイズ」を選ぶと、表示欄の中をスクロールして確認できます。全体を収めたい場合は「表示枠に合わせる」へ戻してください。
複数のアニメーションは順番につながりますか？
つながりません。確認するアニメーションを選び、1つずつ再生します。対象を切り替えると、そのアニメーションの再生設定は初期値へ戻ります。
フォントや特殊な機能を表示できない場合は？
対応するフォントファイルを確認してください。書き出しの構造によっては素材を追加しても表示できません。テーマや対話状態を含め、利用するアプリ側でも表示を確認してください。
入力と結果
- 入力
- Lottie JSON・.lottie・ZIP。必要に応じて画像やフォントなどの素材を追加。
- 確認
- 動き、寸法、フレームレート、長さ、参照する素材。
- 再生設定
- 速度・繰り返し・背景・表示サイズ。元データは変わりません。
- 出力
- プレビューのみ。作成・変換・ダウンロードは行いません。