ゲーム開発で必要なスプライトシート、手作業で作るのは大変ですよね。今回は、AIを使って自動生成する方法を紹介します。
スプライトシートとは?
スプライトシートは、ゲームキャラクターのアニメーションに使う画像です。歩く、走る、ジャンプするなどの動きを、1枚の画像にフレームとして並べます。
AIで生成してみた
1. キャラクター生成
まずはGoogle Geminiでキャラクターを生成します。
「かわいいピクセルアートの騎士キャラクター」と指示するだけで、このようなキャラクターが生成されます。
2. スプライトシート生成
次に、このキャラクターを参照して歩行アニメーションを生成します。
4フレームの歩行アニメーションが横一列に並んでいます。
3. アニメーション確認
生成したフレームをAPNGにして動きを確認できます。
技術的なポイント
マゼンタ背景を使う
背景色をマゼンタ(#FF00FF)で生成すると、後から簡単に透過処理できます。Replicate APIなどの背景除去サービスを使わずに、ローカルで処理できるのでコストもかかりません。
横一列で生成する
2行3列などのグリッドで生成すると、行ごとにキャラクターのサイズがバラつくことがあります。横一列(1xN)で生成すると、サイズが揃いやすくなります。
足元揃えで再配置
フレームを切り出した後、足元を基準に揃えて再配置すると、アニメーション時にキャラクターがガタつきません。
まとめ
AIを使えば、プロンプトを書くだけでスプライトシートが生成できます。ただし、歩行アニメーションのように「動きの違い」を表現するのは、まだAIには難しい部分もあります。
参照画像を使ったり、フレーム数を減らしたりといった工夫で、より良い結果が得られます。
ぜひ試してみてください!