スプライトシートを分割

固定サイズのフレームを、元のピクセル数のままPNGへ。

スプライトシートはブラウザ内で処理し、送信しません。

シートを選ぶか、サンプルをお試しください。

スプライトシートを試す

書き出す前にフレームの境界を確認できます。

スプライトを抽出する手順

  1. 画像を選び、各セルの幅と高さをピクセルで入力します。

  2. 最初のセルの開始位置とセル間の間隔を設定し、プレビューの枠が合っているか確認します。

  3. 読み取り順と完全に透明なセルを省くかを選びます。PNGを生成し、個別または座標付きZIPで保存します。

座標で確かめられるサンプル

黄色と青のキャラクターを固定セルに並べ、透明セルも含むスプライトシート

キャラクターシートは1064 × 536 pxです。セル256 × 256 px、開始位置は縦横8 px、間隔も8 pxで、4列2行になります。完全に透明なセルを省いても、半透明のキャラクターは残ります。

抽出の仕組み

フレームを自動で検出しますか?

しません。セルサイズ、開始位置、間隔を指定します。回転した領域や不規則に詰めたアトラス、アトラスJSONの読み込みには対応していません。

端に残った小さな領域はどうなりますか?

収まる完全なセルだけを書き出します。右端や下端の余りは拡大せず、未使用領域としてプレビューとマニフェストに示します。

アニメーションやゲーム用データも作れますか?

出力は静止PNGとPicMasonのマニフェストです。GIF、フレーム時間、ゲームエンジン用プロジェクトは生成しません。透明セルを除く前の上限は1,024セルです。