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

Godot 4 では PNG-first workflow で sprite sheet を作成、import、animate します。AnimatedSprite2D には SpriteFrames、AnimationPlayer には Sprite2D regions、再利用には AtlasTexture を使います。XML/JSON metadata は対応 importer または custom parser がある場合のみ補助になります。

画像をここにドロップ(PNG, JPG, WebP, SVG)

またはクリックして参照

Godot のパイプライン

sprite sheet PNG から SpriteFrames、Sprite2D region slicing、AtlasTexture、optional XML/JSON importer script へ進む Godot pipeline
信頼できる Godot workflow は PNG から始まります。metadata は addon または custom script が読む場合の optional helper です。

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

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

AnimatedSprite2D + SpriteFrames

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

Sprite2D + AnimationPlayer

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

AtlasTextureリソース

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

Plugin または script 経由の XML/JSON metadata

export した XML/JSON は addon、import plugin、GDScript parser が座標を読む場合だけ使います。Godot は generic TextureAtlas XML を自動で SpriteFrames に変換しません。

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

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

Step 1: Godot 向け PNG sheet を export

可能なら regular grid を使い、frame size を揃え、1-2 px padding を追加します。Godot 内で slice するなら trim/rotation は避けます。metadata は reader がある場合だけ export します。

Step 2: PNG を Godot に import

PNG を res:// に置くと Texture2D として import されます。pixel art は filtering を Nearest にし、blur や bleed が出る場合は mipmaps を無効化します。

Step 3: SpriteFrames または regions を作成

AnimatedSprite2D では SpriteFrames resource を作り、正しい horizontal/vertical grid counts で sheet から frames を追加します。Sprite2D では Region を有効にし、AnimationPlayer で region_rect を keyframe します。

Step 4: Playback と coordinates を確認

animation name は GDScript の呼び出しと完全一致させ、FPS は 0 より大きく、idle/walk には Loop を有効にします。code を変える前に各 frame rectangle が sheet と一致するか確認します。

Godot ノード選択の目安

AnimatedSprite2D、Sprite2D と AnimationPlayer、AtlasTexture の3つの Godot スプライトシート利用方法を比較する図
必要なタイミング制御とアトラス再利用の度合いに合わせてノード構成を選びます。

仕様と制限

マーケティング文句ではなく、実際の事実。

カバーしている Godot バージョン
Godot 4.0+(主な対象)、Godot 3.5+(互換ワークフローを併記)
カバーしているノード
AnimatedSprite2D、Sprite2D + AnimationPlayer、AtlasTexture
インポート形式
PNG sprite sheets with SpriteFrames、Sprite2D regions、AtlasTexture。XML/JSON は addon、plugin、custom parser 経由のみ
コード言語
GDScript のサンプル。C# バインディングは同じノード API に従います
非対応項目
Godot 2.x(EOL)、Godot 3.0〜3.4(インポート API 機能が不足)
非対応項目
3D Sprite3D ビルボード、AnimationTree ステートマシン、カスタム GLSL シェーダーの UV マッピング

Godot 4 Import Troubleshooting Checklist

Godot sprite sheet が崩れる場合は art を変える前に import path を確認します。多くは empty SpriteFrames、wrong grid counts、filtering、padding 不足、または addon なしで XML/JSON metadata を期待していることが原因です。

Frames が SpriteFrames に入っている

node に texture を追加するだけでは不十分です。SpriteFrames resource を作成または開き、各 animation frame を追加します。

Grid counts が sheet と一致している

実際の horizontal/vertical frame counts を設定します。間違えると cropped、blank、repeated、offset frames になります。

XML/JSON を読む reader がある

XML/JSON を export した場合、Godot addon、plugin、custom GDScript parser が実際に読んでいるか確認します。なければ manual SpriteFrames/Sprite2D slicing を使います。

Pixel art filter は Nearest

ぼやけは linear filtering または mipmaps が原因のことが多いです。pixel art は texture filtering を Nearest にして reimport します。

Padding で bleeding を防ぐ

runtime で隣の frame が漏れる場合、2 px padding または extrusion で export し、scaled pixel-art では tight packed frames を避けます。

Animation name、speed、loop が正しい

play("run") は animation 名が完全に run の場合だけ動きます。FPS と speed_scale は 0 より大きく、繰り返しには Loop が必要です。

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








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

Godot 4 向けの clean PNG sprite sheet を生成し、SpriteFrames、Sprite2D regions、AtlasTexture から workflow に合う方法を選びます。

最終更新: 2026年5月1日 · 運営: Sprite Sheet Maker チーム · v2026.4

Godot 4 Sprite Sheet Guide: SpriteFrames・AtlasTexture・Import 修正