Godotスプライトシートガイド

Godotでスプライトシートを使う方法

1. フレームを準備

   既存のフレームにはPNGツール、MP4には動画ツール、新しい動きにはAI生成を使えます。書き出し前に順序とフレームサイズを確認します。

2. シートをダウンロード

   スプライトシートを選びZIPをダウンロードします。PNGを展開し、JSONタイミングデータは参考用に保持してください。複数のシートに分かれた場合、各シートから順にフレームを取り込みます。

3. Godotでアニメーションを作成

   AnimatedSprite2Dを追加しSpriteFramesリソースを作って、「Add frames from a Sprite Sheet」を選びます。PNGを開き、グリッドに合わせて横・縦のフレーム数を設定し、必要なフレームを選択します。

4. 再生を設定

   Godotでアニメーション名、速度、ループを設定し、プレビューします。JSONはSpriteFrameでの順序と時間の記録で、自動取り込み可能なGodotリソースではありません。

ピクセルアートを縮小するときはピクセル方式を選びます。Godotでセルを選ぶ前に、各シートのグリッドと余白を確認してください。

Godotの公式ドキュメントを見る

サンプルをダウンロードして取り込みを試す

これは SpriteFrame で書き出した幾何学アニメーションの形式サンプルであり、AI キャラクターの生成品質を示すものではありません。96 × 96 のセルが横に 4 個並び、画像全体は 384 × 96 です。各フレームは 125 ミリ秒で、8 FPS、1 周 0.5 秒です。

Godot 4 では AnimatedSprite2D の SpriteFrames で「Add frames from a Sprite Sheet」を選びます。横 4、縦 1 に設定して左から 4 コマを選択し、Speed を 8 FPS にします。ループを有効にすると繰り返し再生できます。

よくある質問