スプライトシート分割

ゲームのアーティストは、アニメーションのフレームやアイコンを1枚のスプライトシートにまとめますが、エンジンやエディター、GIFメーカーでは、フレームが個別のファイルである必要がよくあります。この分割ツールは、シートを、行と列、余白と間隔を含む正確なセルサイズ、またはスプライトの間の空白の隙間を見つける自動検出で切り分けます。空のセルのスキップ、各スプライトのぴったりしたトリミング、順番どおりのファイル名付け、アニメーションGIFのプレビュー作成も可能で、すべてブラウザ内で行われます。

使い方

1. スプライトシートを選びます（透明部分のあるPNGが最適です）。
2. 分割方法を選びます。行と列、ピクセル単位のセルサイズ（余白と間隔つき）、または自動です。
3. 空のセルをスキップするか、フレームを切り詰めるかを選び、ファイル名の接頭辞を設定します。
4. フレームをZIPでダウンロードします。GIFプレビューを作った場合は、それもダウンロードします。

計算式

セルの幅 = ⌊(シートの幅 − 2 × 余白 − (列数 − 1) × 間隔) ÷ 列数⌋；セルサイズを固定する場合、列数 = ⌊(シートの幅 − 2 × 余白 + 間隔) ÷ (セルの幅 + 間隔)⌋

高さも同じように計算します。セルが空とは、すべてのピクセルが透明（アルファ ≤ 8）であること、または透明部分のないシートでは、すべてのピクセルが左上のピクセルの色から10段階以内であることを指します。自動モードは、何かが含まれる行の帯を見つけ、完全に空の列で各帯を分割し、それぞれをぴったりトリミングします。ピクセルは再サンプリングせず、そのままコピーされます。

計算例

8列・4行の512 × 256のシートからは、512 ÷ 8 = 64 × 64 pxのフレームが合計32枚でき、sprite_00.pngからsprite_31.pngまでの名前が付きます。余白2 px、間隔2 pxの場合、セルの幅は ⌊(512 − 4 − 14) ÷ 8⌋ = 61 pxになります。