【ゲーム制作・ドット絵支援】スプライトシート分割確認&アニメーションプレビューアー(コマ切り出し保存対応・ブラウザ完結)
- Digital498 JPY


ご覧いただきありがとうございます! ドット絵や歩行グラフィック、エフェクト素材などの「スプライトシート(タイル状に並んだ連番画像)」をブラウザに読み込むだけで、その場で分割位置とアニメーションの動きをリアルタイム確認できる開発支援ツールです。 「描いたドット絵がちゃんと滑らかに動くか、ゲームエンジンに読み込ませる前にすぐ確認したい」「エフェクト素材の何コマ目から何コマ目までをループさせると自然か試したい」「スプライトシートから特定の1コマだけを綺麗なPNG画像として切り出したい」……そんなゲーム制作者・イラストレーターの作業を爆速化します! 【ここがおすすめ!】 1. 横×縦の分割数を指定するだけの直感グリッド表示! - 列(Columns)と行(Rows)の数値を入力するだけで、シート全体に分かりやすい分割ガイド線が表示され、1コマあたりのピクセルサイズ(例:32×32px)も自動計算されます。 - 現在再生しているコマがシート上で水色の枠でハイライトされるため、どのコマに違和感があるか一目で特定できます。 2. 自由自在なアニメーション検証機能 - 再生速度(1〜60 FPS)の変更や、一時停止して「◀ 前のコマ」「次のコマ ▶」で1コマずつ動きをチェックするコマ送り確認が可能! - 「開始コマ番号〜終了コマ番号」を指定できるため、複数の動き(待機・歩行・攻撃など)が1枚にまとまったシートでも特定の部分だけをループ再生できます。 3. ドット絵がボケない「くっきり拡大表示」&背景色変更 - ピクセルアートがぼやけないニアレストネイバー拡大(1倍〜10倍)に対応!もちろん通常のイラスト素材向けにアンチエイリアス表示へ切り替えることも可能です。 - 透過市松模様だけでなく、好きな単色背景に切り替えて輪郭のゴミや透過漏れをチェックできます。 4. 特定のコマをワンクリックで個別PNG保存! - 「現在表示中の1コマをPNG保存」ボタンを押せば、切り出された原寸大の単体PNG画像として即座にダウンロードできます。 5. インストール不要・完全オフライン動作 - 外部サーバーへの画像送信は一切行わないため、制作中の未公開ゲーム素材や有償アセットでも安心してお使いいただけます。 【使い方】 1. ダウンロードしたZIPを解凍し、`sprite_previewer.html` をブラウザで開きます。 2. スプライトシート画像を読み込み、横・縦の分割数を入力するだけで即座にアニメーションが再生されます! 【動作環境】 ・Windows / Mac の各種最新ブラウザ(Chrome, Edge, Safariなど) ・インターネット接続不要(オフライン環境でも動作します) 【利用規約】 ・個人、商用ゲーム開発、素材制作を問わず自由にお使いいただけます。 ・ツール本体(HTML/プログラムコード)の再配布・転売・自作発言は禁止します。 あなたのゲーム開発やドット絵・素材制作の効率化にお役立ていただければ幸いです!

