スプライトシート作成

スプライトシート作成

ローカル処理

ゲーム用キャラクターアニメーションのコマ画像やアイコン群を、規則的なグリッド配列の1枚のスプライトシートに結合します。

使い方と処理基準

ゲーム用キャラクターアニメーションのコマ画像やアイコン群を、規則的なグリッド配列の1枚のスプライトシートに結合します。

ツールの処理はブラウザ内で行われます。計算・変換の共有リンクを作成すると値がURLに含まれます。アカウント・アクセス解析・広告の情報はプライバシーポリシーをご確認ください。

処理制限

  • デスクトップ最大ファイルサイズ: 40MB
  • モバイル最大ファイルサイズ: 20MB

アイコンやキャラクターのフレームを1つのファイルにまとめると、Web・ゲームでリクエスト数を減らせます。選んだ順に左上から埋めます。

できること

グリッド配置
列数(最大20)を決めて順番に埋めます。
背景色
空いたマスの背景色を決めます(PNGなら透明のままも可)。

スプライトシート作成の使い方

  1. 1
    画像を選ぶフレーム・アイコンを順番に選びます。
  2. 2
    列数を決める1行にいくつ置くか決めます。
  3. 3
    ダウンロードシート1枚を保存します。

活用例

歩くアニメーション
入力: フレーム8枚、4列
結果: 4 × 2グリッドのスプライトシート1枚

主な利用シーン

  • ゲームキャラクターのアニメーションのフレームをまとめるとき
  • CSSスプライトのアイコンを作るとき

よくある質問 (FAQ)

写真はサーバーにアップロードされますか?

いいえ。画像はこのブラウザ内だけで処理し、どこにも送信しません。

このツールへのご意見・ご要望はありますか? 提案・お問い合わせ →