GDevelop スプライトシート · フレーム画像に分割して使う

できること

• グリッドモードはセルサイズ・余白・間隔を測るので、すべてのPNGが同じサイズになり、GDevelopで再生してもフレームがぶれません。
• 自動モードは、サイズがばらばらのシートから透明なすき間で分かれたスプライトを見つけ、帽子や剣のように離れた小さなパーツも本体とまとめます。
• ファイル名はシート名＋ゼロ埋めの番号（hero_001.png、hero_002.png …）なので、ファイル選択画面でもフレーム順に並びます。
• ピクセルは描き直さずそのままコピー。各PNGがシート上で示した枠と一致することを測定済みで、拡大や補間はありません。
• 詳細設定のキーカラーで、マゼンタなどの不透明な背景を分割前に透明にできます。
• 正直に書くと、これらのファイルをGDevelopで開いて確認はしていません。表の手順はGDevelopの一般的な流れです。

使い方

1. スプライトシートをスプライトラボにドロップ。
2. そろったシートはグリッド、ばらばらなシートは自動を選び、枠を確認。
3. ずれた枠をドラッグか数値で直し、フレームを読み順に並べる。
4. フレームのPNGをZIPで保存して展開。
5. GDevelopで1つのアニメーションの画像を順にスプライトオブジェクトへ追加し、フレーム間の時間とループを設定。

ZIPからGDevelopのアニメーションまで

ここに書いた内容はGDevelopで実行していません。表はオブジェクトエディターの一般的な手順です。PNG自体はシート上の枠と一致することを測定しています。

出力ファイルと検証方法

「測定確認」は、ダウンロードしたファイルをページ外（Pillow・numpy・独立したパーサー）で開き直して性質を測ったという意味です。ゲームエンジンでの読み込みは試していません。

検証の根拠

ZIPから読み直したフレームが元シートの該当範囲とピクセル単位で一致。

制限

• 従来のラボにはタイムラインとタグがありません。アニメーションはStudioを使ってください。
• フレームはアルファの島か、確認したグリッドで切ります。
• 非常に大きいシートは帯ごとに分割し、進行状況を表示します。