スプライトアニメーター
抽出したスプライトをアニメーションとしてライブプレビューおよびエクスポートします。
作成できるもの
シート → 個別PNG → GIFアニメーション
アニメーションタイムライン
(0 Frames)
フレームが読み込まれていません。スプライト分割ツールで抽出してください。
スプライトアニメーターとは？
スプライトアニメーターは、ピクセルアートアニメーションをプレビューするための軽量なブラウザベースのテストユーティリティです。
スプライト分割ツールと深く統合されており、切り出したフレームをワンクリックでアニメーターに送信できます。アニメーションが完成したら、高品質のGIFとしてエクスポートできます。
なぜスプライトアニメーターを使うのか？
- 迅速なプロトタイピング: エンジンにインポートする前に、フレームのタイミングを即座にテストします。
- ポートフォリオの作成: ゲームアセットを美しいGIFに変換して、オンラインでピクセルアートを披露します。
- アニメーションのデバッグ: オニオンスキン機能を利用して動きの弧を分析します。
特徴:
- ライブプレビュー: 設定を調整しながらアニメーションがリアルタイムで実行されるのを確認できます。
- オニオンスキン: スムーズな動きを確認するために、前後のフレームを背景に薄く表示します。
- ドラッグ＆ドロップタイムライン: タイムラインでフレームをドラッグするだけで簡単に順序を変更できます。
- GIFエクスポート: カスタム背景色または透明度を使用して、フレームをアニメーションGIFファイルにコンパイルします。
- 可変速度: FPSスライダーを調整して、ゲームの再生速度に合わせます。
使用方法:
- まず、スプライト分割ツールに移動して、スプライトシートからフレームを抽出します。
- 上の分割ツールから同期ボタンをクリックして、抽出したフレームをタイムラインに読み込みます。
- FPS(1秒あたりのフレーム数)スライダーを調整して、再生速度を変更します。
- 背景色を選択するか、透明のままにします。
- GIFエクスポートをクリックして、最終的なアニメーションをコンピューターに保存します！
プロのヒント:
- オニオンスキンを有効にして、フレームが完璧に一致しているか確認します。アニメーションが揺れる場合は、スプライト分割ツールで抽出領域を調整する必要があるかもしれません。
- 抽出時の順序の間違いを修正するために、タイムライン内で直接フレームをドラッグ＆ドロップできます。
よくある質問 (FAQ)
Q: GIFエクスポートは透明度をサポートしていますか？
A: はい！エクスポートする前に背景のドロップダウンで「透明」を選択していることを確認してください。
Q: 個別の画像のフォルダをインポートできますか？
A: はい。PNG・JPEG・WebP画像やフレームのZIPを直接読み込めます。分割ツールから送った最新の結果も同期できます。
Q: 個々のフレームの表示時間を設定できますか？
A: 現在、ツールはグローバルFPS設定を使用しています。フレームを長く表示するには、タイムラインでそのフレームを複製してください。
ガイドと記事
転送したフレームは削除するまでこのブラウザだけに保存されます。