PNGスプライトシートとJSONマップを作成します。

サポートされている2枚から64枚までのラスタ画像を固定セルに配置し、1つのPNGと左上原点のJSON座標マップをZIPでダウンロードします。

このツールが役立つ場合

小さなゲームスプライト、アイコン、サムネイル、またはUI状態を1つの予測可能なビットマップにパッケージングし、機械可読セル座標を付与します。

局所処理の仕組み

入力は選択された順序を維持し、列は実際の入力数で制限され、各フレームには固定セルが割り当てられ、containは画像全体を中央に収め、coverはフルサイズでトリミングし、gapsは選択されたRGBA背景を保持し、ZIPにはsprite-sheet.pngと決定的なsprite-sheet.json座標が含まれます。

使い方

  1. ソースを準備する: 小さなゲームスプライト、アイコン、サムネイル、またはUI状態を1つの予測可能なビットマップにパッケージングし、機械可読セル座標を付与します。
  2. ローカルで処理する: 入力は選択された順序を維持し、列は実際の入力数で制限され、各フレームには固定セルが割り当てられ、containは画像全体を中央に収め、coverはフルサイズでトリミングし、gapsは選択されたRGBA背景を保持し、ZIPにはsprite-sheet.pngと決定的なsprite-sheet.json座標が含まれます。
  3. ダウンロードして確認する: 両方のファイルを抽出し、PNGの寸法、左上原点、フレーム順、JSONに対するセル矩形を確認し、containのパディングやcoverのトリミングを検査し、消費アプリケーションでマップを読み込みます。

重要な制限事項

PNGは1つのフラット化されたラスターシートです:アニメーション、ベクター、レイヤー、元のメタデータ、独立したコンテナ、カラープロファイルの意図は保持されません。coverは端をトリミングでき、containは背景を残すことができ、ソース、総ピクセル数、キャンバス、メモリ、PNG、JSON、およびZIPの制限が適用されます。

ダウンロードした結果を確認する

両方のファイルを抽出し、PNGの寸法、左上原点、フレーム順、JSONに対するセル矩形を確認し、containのパディングやcoverのトリミングを検査し、消費アプリケーションでマップを読み込みます。

私設設計

あなたのファイルはこのブラウザに残ります。ツールはソースや出力をサーバーにアップロードしません。

質問と回答

このツールはいつ役立ちますか?

小さなゲームスプライト、アイコン、サムネイル、またはUI状態を1つの予測可能なビットマップにパッケージングし、機械可読セル座標を付与します。

ブラウザは実際に何をしますか?

入力は選択された順序を維持し、列は実際の入力数で制限され、各フレームには固定セルが割り当てられ、containは画像全体を中央に収め、coverはフルサイズでトリミングし、gapsは選択されたRGBA背景を保持し、ZIPにはsprite-sheet.pngと決定的なsprite-sheet.json座標が含まれます。

理解しておくべき制限は何ですか?

PNGは1つのフラット化されたラスターシートです:アニメーション、ベクター、レイヤー、元のメタデータ、独立したコンテナ、カラープロファイルの意図は保持されません。coverは端をトリミングでき、containは背景を残すことができ、ソース、総ピクセル数、キャンバス、メモリ、PNG、JSON、およびZIPの制限が適用されます。

結果をどのように確認すべきですか?

両方のファイルを抽出し、PNGの寸法、左上原点、フレーム順、JSONに対するセル矩形を確認し、containのパディングやcoverのトリミングを検査し、消費アプリケーションでマップを読み込みます。

関連ツール