ピクセル単位で正確なフレーム
フレームは拡大縮小されません。それぞれが同じサイズのセルの左上に配置され、アトラスにはその正確な位置とサイズが記録されます。
画像からスプライトシートを作成
アニメーションのフレームやアイコンを、ゲームや CSS 用の1枚のスプライトシートにまとめます。列数と余白を選ぶと、Phaser、PixiJS などのエンジンと互換性のある JSON アトラスが得られます。
画像はお使いの端末で処理され、アップロードされることはありません。
ここに画像をドロップ
またはドラッグ＆ドロップ
対応形式：PNG, WEBP, GIF, JPG · 1ファイルあたり最大 512 MB
このツールの使い方
- 01
フレームを、アニメーションの順番どおりに追加します。
- 02
列数と、フレーム間の余白を設定します。
- 03
処理して、JSON アトラスの有無を選び、スプライトシートをダウンロードします。
エンジンで使いやすいアトラス
JSON は広くサポートされている TexturePacker のハッシュ形式で、各フレームのファイル名をキーにしています。
よくある質問
シートの形式は何ですか？
PNG です。そのため、透明は保持されます。
フレームは同じサイズである必要がありますか？
いいえ。セルは最大のフレームに合わせたサイズになり、アトラスには各フレームの実際のサイズが記録されます。
画像はアップロードされますか？
いいえ。シートはブラウザ内で作成されます。