スプライトシート作成・分割・アニメーションツール

スプライトシートとテクスチャアトラス

スプライトシートには、複数のアニメーションフレームやゲーム画像を1枚の画像にまとめて保存します。通常のグリッドでは、各フレームをセルの位置で表します。テクスチャアトラスでは大きさの異なる長方形を使用でき、各画像を表す座標が必要です。GodotのAtlasTextureドキュメント（https://docs.godotengine.org/en/stable/classes/class_atlastexture.html）では、アトラスの領域をテクスチャとして使用する方法を説明しています。

下中央揃えにすると、フレーム間でキャラクターの足を同じベースラインに揃えられます。パックされた棚状の配置では、各画像の元のサイズを維持し、回転を避けます。2の累乗サイズにすると右側または下側に未使用のピクセルが追加されますが、アートワークが拡大縮小されることはありません。PNGは完全なアルファ透明度を保持しますが、GIFは色数が少なく、透明度も1ビットのみです。

JSONハッシュ座標

JSONハッシュ形式のエクスポートでは、framesの下にフレーム名をキーとして使用します。各エントリには、x、y、w、hを含むフレームの長方形、sourceSize、spriteSourceSize、rotatedフラグ、trimmedフラグがあります。座標はシートの左上隅からピクセル単位で数えます。metaオブジェクトには画像のファイル名とシート全体のサイズが記録されます。PhaserのJSONハッシュアトラスローダー（https://docs.phaser.io/api-documentation/class/loader-loaderplugin#atlasJSONHash）では、この名前付きフレーム形式について説明しています。

エクスポートでは、パディングされたセルの範囲ではなく、元画像の範囲を使用し、trimmedとrotatedをfalseに設定します。Cutでは、選択した長方形の一覧を個別にエクスポートできます。透明な端をトリミングするのは、余白のない切り抜きが必要な場合だけにしてください。通常のアニメーションセルとその基準位置を維持するには、トリミングをオフにします。プロジェクトでアトラスを使用する前に、保存された長方形をゲームエンジンのインポーターと比較してください。

使い方

1. Make、Cut、Animateから選択します。各モードにはブックマークできるリンクがあります。
2. フレームまたはシートを追加し、レイアウト、分割グリッド、アニメーション設定を調整します。
3. 結果をプレビューし、ゲームプロジェクト用のファイルをダウンロードします。

プライバシーと制限事項

ファイルはブラウザ内に保持されます。アップロードされることはありません。