スプライトシート スタジオ｜シートを分割してコマ書き出し／バラ画像を結合してシート＋座標JSON｜自動検出・ZIP保存・ブラウザ完結・Win&Mac・オフライン・登録不要

スプライトシートを「分割」して個別のコマ画像に書き出したり、バラの画像を「結合」して1枚のシート＋座標データ(JSON)にまとめる、ゲーム開発向けのツールです。ブラウザだけで完結し、Windows・Macどちらでも使えます。

単一HTML・インストール不要・アカウント不要・オフライン動作。ファイルをダブルクリックするだけ。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ 分割（Slice）― シート画像 → 個別のコマに切り出し

━━━━━━━━━━━━━━━━━━

・枚数で割る（列×行）… 均等なグリッドを列数・行数で指定

・セルサイズ指定（px）… 1コマの幅・高さ・外側余白・セル間の間隔を指定

・自動検出（透明で区切る）… 透明部分で区切られた絵のかたまりを自動でコマ化（透過PNGに最適）

・各フレームの透明部分を切り詰める／分割線をプレビュー表示

・「フレームをZIP保存」で全コマのPNGをまとめてダウンロード

・座標データ(JSON)も同梱可（各コマの位置・サイズを記録）

━━━━━━━━━━━━━━━━━━

◆ 結合（Pack）― バラの画像 → 1枚のシートにまとめる

━━━━━━━━━━━━━━━━━━

・複数画像をまとめてドラッグ＆ドロップ（あとから追加もOK）

・すり合わせ間隔（パディング）／最大幅の指定

・各画像の透明部分を切り詰めて密に配置

・サイズを2の累乗に揃える（エンジン向け）

・大きい順に詰めてすき間を削減

・「シートを保存」でまとめたPNGと座標データ(JSON)を書き出し

━━━━━━━━━━━━━━━━━━

◆ 座標データ(JSON)

━━━━━━━━━━━━━━━━━━

・各コマの名前・位置(x,y)・サイズ(w,h)を記録した汎用フォーマット

・TexturePacker系の JSON Hash 形式に沿っているため、この形式のアトラスを読める

フレームワーク（Phaser 等）で利用できます

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・画像・音声素材を使わない「コード製」で超軽量

・Chrome／Edge で動作確認済み。ネット接続不要

・Windows・Mac両対応（インストール不要のブラウザ完結）

・読み込んだ画像は全てブラウザ内で処理（外部送信なし）

・設定は次回開いたときも保持

・商用利用可（同梱の利用規約参照）

◆ こんな方に

・ドット絵・2Dアニメのコマをシートにまとめたい／シートからバラしたい方

・TexturePackerのような作業をブラウザだけでサッと済ませたい方

・Windows専用アプリではなく、Macでも動く軽いツールを探している方

万が一データに不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。