🎞️ スプライトシート工房

画像・動画からスプライトシートを作成 & アニメーション再生

使い方

画像から作成 — フレーム画像をアップロードし、グリッド(2×2〜4×4)または横一列に配置してスプライトシートを生成します。各スロットへのドラッグ&ドロップで順番を自由に入れ替え可能。

動画から作成 — 動画ファイルをアップロードすると自動でフレームを抽出し、スプライトシートを生成します。フレーム数やインターバルの調整も可能。

プレビュー再生 — 完成したスプライトシートのアニメーションをブラウザ上で即座に確認できます。FPS調整にも対応。

▶️プレビュー再生
🖼️画像から作成
🎬動画から作成
📐 モード選択

グリッドモード

スプライトシート
正方形に切り抜いた画像を横に並べます。
1
px
🖼️ 画像配置

✨ 合成プレビュー

×px
出力予定: 1024 x 1024 px
.png
📁 動画をアップロード
🎞️

動画をドラッグ&ドロップ

📂 スプライトシートを読み込み
🖼️

スプライトシート画像をドロップ(複数可)

複数のスプライトシートを追加可能。作成タブからの自動読み込みにも対応。

📖 使い方