デザインから実行時再生までの SVGA ワークフロー

安定した SVGA ワークフローは、通常「設計、書き出し、導入、レビュー」の 4 つのステップで構成されます。どのステップも同じ .svga ファイルを中心に進めることで、引き継ぎ内容の不明確さやプラットフォームごとの作り直しを避けられます。

デザイナーは After Effects または Animate でモーションを作成し、SVGAConverter で書き出します。開発者は対象プラットフォームにプレーヤーを導入し、書き出した素材を読み込んで、再生制御をプロダクトの状態に接続します。

推奨する流れ

1. アニメーションのサイズ、ループ動作、背景の透過要件を確認します。
2. .svga ファイルを書き出し、プレイグラウンドで一度プレビューします。
3. 同じ素材を iOS、Android、Web、その他の対象プラットフォームで読み込みます。
4. テスト時に最初のフレーム、ループ動作、終了コールバック、弱いネットワークでの読み込みを確認します。

リリース前に、元のデザインファイル、書き出した SVGA ファイル、プレビューのスクリーンショットを保管してください。後でアニメーションが変更されたとき、デザイン、開発、QA が同じ基準を参照できます。