WAVESPEED AI スプライトシート作成ツール ファイルは端末の外に出ません
100% 無料

スプライトシート作成ツール動画・GIF・連番画像を、すぐ使えるゲーム用シートに。

あらゆるアニメーションのフレームを取り込み、背景を削除して、1枚のスプライトシートにまとめます。
ループをプレビューして、フレーム情報付きJSONとPNGをエンジン用にダウンロード。

AI背景削除PNG + JSON + GIFアップロード不要
登録不要 アップロード不要 ウォーターマークなし

アニメーションをスプライトシートに変換

動画(MP4、WebM、MOV)、アニメーションGIF・WebP、または複数のPNG・JPGフレームに対応しています。

複数の画像をまとめて選ぶと、ファイル名順にフレームとして使われます。動きが必要? AIモーションギャラリーを見る

自分のキャラクターにこの動きをさせよう

キャラクターを作り、AIで動かして、そのクリップをここに持ち帰ればスプライトシートが作れます。

ファイルはブラウザ内で処理され、アップロードされません。
3つの簡単なステップ

動画からスプライトシートを作る方法

01

アニメーションを追加

動画、アニメーションGIF、または連番画像をドロップするか、サンプルクリップを試します。アップロードはされません。

02

フレームを選んで整える

fpsと開始・終了位置を設定し、不要なフレームを除外して、AIまたはカラーキーで背景を削除します。

03

レイアウトしてダウンロード

グリッド、フレームサイズ、余白を決め、ループを確認したら、JSON付きのPNGシート、GIF、またはフレームのZIPをダウンロードします。

ゲームエンジン

Phaser、PixiJS、Godot、Unity、GameMaker向けスプライトシート

PhaserとPixiJS

JSONはTexturePackerのHash形式またはArray形式で、PhaserのアトラスローダーやPixiJSがそのまま読み込めます。全フレームを並べたアニメーション付き。フレームの幅と高さで分割するスプライトシートとして使うこともできます。

Godot

全フレームが同じサイズなので、Sprite2DならHframesとVframesを設定するだけ。AnimatedSprite2Dもグリッド指定でシートからフレームを追加できます。入力する数値はツールに表示されます。

UnityとGameMaker

UnityではSprite Editorでセルサイズを指定してPNGを分割、GameMakerではストリップとしてインポートします。フレームサイズ、余白、fpsはダウンロード欄の横に表示され、JSONにも保存されます。

WaveSpeed AI

キャラクターを作って、動かそう

WaveSpeed AIでゲームキャラクターをデザインして動かし、そのクリップをここでスプライトシートに変換できます。

  • 1,000以上のAIモデル
  • 画像・動画・3D
  • 従量課金

対象の新規アカウントに $1 の無料クレジット。カード不要。 ジェネレーターのご利用には、別途アカウントとクレジットが必要です。スプライトシート作成ツールは無料です。

スプライトシート作成ツールのよくある質問

スプライトシート作成ツールは無料ですか?

はい。アカウント登録もウォーターマークもなく、何枚でも作成できます。

ファイルはアップロードされますか?

いいえ。フレームの取り込み、切り抜き、パッキングはすべてブラウザ内で行われ、動画や画像が端末の外に出ることはありません。AI背景削除を初めて使うときだけ、ブラウザがAIモデル(約91 MB)を一度ダウンロードし、次回以降のために保存します。

動画をスプライトシートにするには?

動画を追加し、fpsと動きの開始・終了位置を選んでシートをダウンロードします。ほとんどのゲームアニメーションは8〜12 fpsで十分です。歩きや走りのようなループする動きは、通常0.5〜1秒が目安です。

GIFからスプライトシートを作れますか?

はい。アニメーションGIFまたはWebPを追加すると、元のタイミングのままフレームが読み込まれます。アニメーション画像を読み込めないブラウザもあるため、その場合はChromeかEdgeを使うか、PNGファイルとしてフレームを追加してください。

すべてのフレームの背景を削除するには?

「AIで削除」を選んで「背景を削除」を押すと、AIが各フレームからキャラクターを切り抜きます。グリーンバックや単色の背景なら、「カラーキー」が一瞬で終わります。

ゲーム内でキャラクターがブレるのはなぜ?

フレームを1枚ずつ切り抜くと、フレームごとにキャラクターの位置がずれてしまいます。「内容に合わせてトリミング」は全フレームを通して1つの枠で切り抜き、固定サイズのフレームではキャラクターが下端に立つ位置に揃うため、ブレなくなります。

どんなJSON形式で出力されますか?

TexturePacker形式のJSON(HashまたはArray)で、各フレームの位置とサイズ、表示時間、フレームを並べたアニメーションが含まれます。PhaserとPixiJSはそのまま読み込めます。グリッドで分割するエンジン向けに、グリッドサイズ、余白、fpsも含まれます。

ピクセルアートのスプライトシートも作れますか?

はい。「ピクセルアート」をオンにすると、なめらかにせずエッジをシャープに保ったまま拡大でき、200%や400%などの倍率を選べます。32 × 32や64 × 64などの固定フレームサイズにすると、定番のドット絵らしい仕上がりになります。

1つのシートに何フレームまで入りますか?

最大150フレーム、シートは1辺8192 pxまでです。フレームが大きいほど入る枚数は減ります。より多く収めるには、fpsを下げるか、フレームサイズを小さくしてください。

自分のキャラクターのアニメーションはどこで用意できますか?

AI画像ジェネレーターでキャラクターを作り、AIモーションギャラリーまたはAIアバタージェネレーターで動かしたら、そのクリップをここに持ってきてください。

すべての無料ツール

スプライトシートを作りましょう

無料・安心・登録不要。ファイルは端末の外に出ません。

スプライトシートを作る