Godot用スプライトシートの作り方

Godot 4でスプライトシートを作成、インポート、アニメーション化するために必要な流れをまとめています。XML TextureAtlas付きのスプライトシートを生成し、AnimatedSprite2D、SpriteFrames、AnimationPlayerに接続できます。

Godot 4でのスプライトシート

Godotにはスプライトシートを扱う複数の方法があります。プロジェクトに最適なアプローチを選びましょう。

AnimatedSprite2D + SpriteFrames

最もシンプルなアプローチ。SpriteFramesリソースを作成し、スプライトシートをインポートして、フレーム範囲でアニメーションを定義します。シンプルなキャラクターアニメーションやエフェクトに最適。

Sprite2D + AnimationPlayer

より強力で柔軟。Sprite2DのRegionを有効にしてスプライトシートの領域を参照します。AnimationPlayerがregion_rectプロパティをキーフレーム化。可変タイミングの複雑なアニメーションに最適。

AtlasTextureリソース

スプライトシートの領域を参照するAtlasTextureリソースを作成します。AnimatedSprite2Dと組み合わせるか、コードで直接使用。GodotがUVマッピングを自動処理します。

XML TextureAtlasインポート

当ツールからPNG + XMLファイルをインポート。GodotはXML TextureAtlasフォーマットを解析できます。各SubTextureがコードやエディタで参照できる名前付き領域になります。

ステップバイステップ:Godot用スプライトシートの作成とインポート

スプライトシートの作成からGodot 4でのアニメーション化までの完全なワークフロー。

ステップ1:スプライトシートを作成

Sprite Sheet Makerにフレーム画像をアップロード。Gridレイアウトを選択し、適切なパディング(1〜2px)を設定、エクスポートフォーマットとしてXML TextureAtlasを選択。ZIPをダウンロードします。

ステップ2:Godotにインポート

PNGとXMLファイルをGodotプロジェクトのres://フォルダに配置。GodotがPNGをTexture2Dとして自動インポートします。XML座標を使ってスプライト領域を参照できます。

ステップ3:AnimatedSprite2Dの設定

AnimatedSprite2Dノードを追加。新しいSpriteFramesリソースを作成。手動でリージョンを設定するか、XMLを読み取るインポートプラグインを使ってスプライトシートからフレームを追加します。

ステップ4:アニメーションを作成

アニメーション名を定義(idle、walk、attack)。アニメーションごとのフレームを設定し、FPSを調整、ループの有効/無効を切り替え。Godotエディタのプレビューボタンで直接テストできます。

Godotスプライトシートのよくある質問








Godot対応スプライトシートを作成

Godot 4向けのXML TextureAtlas付きスプライトシートを生成し、必要に応じて総合ガイドや関連ツールも参照できます。

Godot 4用スプライトシートガイド | Sprite Sheet Maker