スプライトシート分割・結合

スプライトシートを個別のPNGフレームに切り分けたり、バラのフレームをJSONアトラスつきのシートにまとめたり。ピクセル単位で正確に、ブラウザの中で。

ファイルは端末から出ません無料・登録不要

使う前に

向いていること

  • グリッド状のスプライトシート(同じサイズのセル)
  • アニメーションのフレームを1枚にまとめる
  • ドット絵(補間なし)

向いていないこと

  • サイズの異なるフレームを詰めたシート
  • GIFアニメ(最初のコマのみ)
  • フレームのトリミングや回転

シートを分割する

シートをドロップし、セルサイズ(例:32×32)または行と列で切り分けます。オフセットと間隔で、枠やすき間のあるシートにも対応します。完全に透明なセルは初期設定で除外します。オレンジのグリッドで切り取り位置を確認でき、フレームは連番のPNGとしてZIPでダウンロードできます。

フレームをまとめる

フレームを順番にドロップし(run_01.png、run_02.pngのような名前は自然な順に並びます)、列数と余白を選ぶと、シートと各フレームの位置を記したJSONファイルをダウンロードできます。Godot、Unity、Phaser、自作エンジンで簡単に読み込めます。

よくある質問

ドット絵はくっきりしたままですか?

はい。フレームはピクセル単位でコピーし、補間やリサンプリングはしません。

JSONの形式は?

フレームごとにx、y、w、hを持つシンプルなハッシュ形式で、TexturePackerの「JSON (Hash)」に近い構造です。

GIFアニメも分割できますか?

GIFは最初のコマだけを読み込みます。先にドット絵ツールでシートとして書き出してください。