無料ツール一覧

スプライトシート作成ツール

最大16枚の画像をPNGアトラスにまとめ、フレーム情報をJSONで保存します。

これらのツールはブラウザーで動きます。選んだ画像はこの端末に残ります。アカウントは不要です。

保存形式: PNG · JSON

プリセットから始める

設定

画像はこのブラウザー内に残ります。

PNG、JPEG、WebPに対応。1枚につき8 MiB、400万画素まで。条件を満たす画像は512 × 512ピクセル以内に縮小されます。 最大16枚。縮小後の合計は100万画素までです。

設定を選んでプレビューを生成してください。

プレビュー

設定を選んでプレビューを生成してください。

使い方

ブラウザーが画像をアトラスに配置し、各フレームの名前と範囲を記録します。アニメーション用の画像そのものは生成しません。

  1. スプライト画像を選びます。
  2. 画像間の余白を設定し、アトラスを確認します。
  3. PNGとJSONを保存し、一緒に管理します。

PNGをアトラスとして取り込み、JSONの座標から各スプライトの表示範囲を設定してください。

よくある質問

キャラクターを自動で動かせますか?
いいえ。手持ちのフレームをまとめます。再生順と表示時間はエンジンで設定してください。
余白はなぜ必要ですか?
拡大やフィルター処理で隣の画像の色が混ざるのを抑えます。