AIで誰でも弾幕ゲーム神速作成&本格シューティングゲーム制作入門!プログラミング未経験でも作れる【バイブコーディング入門】

AIで誰でも弾幕ゲーム神速作成&本格シューティングゲーム制作入門!プログラミング未経験でも作れる【バイブコーディング入門】

こんにちは!

ゲームをつくってみたい

AIをつかったプログラミングに興味がある

・・・でも「何からやればいいかわからない」と悩んでいませんか?

今回は AIを使って弾幕縦スクロールシューティングゲームを一瞬で作る方法 について紹介します

プログラミング未経験でも、ノートPCとネットがあれば制作できる方法で紹介しています

ぜひチャレンジしてみてください

紹介の流れとなる目次です

このブログの内容はYoutubeでさらにくわしく紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIのゲーム制作でつかうサイトの紹介

Google AI StudioはAIプログラム機能に力を入れているサイトです

今回はこのサイトをつかってゲームをつくります

>> 「Google AI Studio」のサイト

今回つくるのは、弾幕系の縦スクロールシューティングゲームです

AIをつかえばゲーム制作で特に時間がかかる、プログラミング、素材作成を一気にすすめることができます

【補足】

シューティングゲームは「当たり判定」「敵の動き」「弾の制御」など本来は難易度が高いジャンルです

しかしAIプログラムならば、最初から遊べるプロトタイプをつくれるのが大きなメリットです

AIで弾幕シューティングゲームのプロトタイプをつくる

AIへ作りたいゲームをつたえる

まずは Google AI Studio(Gemini) を使って、

ゲームの土台となるプログラムを作成します

・次のとおりAIに伝えます

「シューティングゲームをつくって、ケツイのようにボタン長押しでロックオンの集中攻撃、はなして散弾攻撃、ボス戦のみのゲームで超弾幕ゲームにして プレイヤー当たり判定は1ドットにして 画面比率はスマホ比率で HTML1ファイルでつくって」

生成が完了したら、右上のダウンロードボタンから保存して実行します

【補足】

最初から完璧を目指す必要はありません

「動くかどうか」を確認できるプロトタイプを早く作ることで、これからの修正が楽になります

AIがプログラムをつくりはじめました

・AIのプログラム制作がおわったら、右上のダウンロードボタンからゲームファイルをダウンロードします

ダウンロードしたプログラムを実行してください

しっかりシューティングゲームが動きます

キャラクター・ボスキャラのイラスト生成

次に、ゲームに登場するキャラクターとボスキャラのイラストを作成します

次のことをAIにつたえます

「縦スクロールシューティングゲームのプレイヤーキャラクター、背景は透明、飛んでいる、翼が生えている、魔法の世界、髪の長い男性キャラ、エフェクトはいれない、視点については添付画像のように俯瞰視点、キャラクターを上から見下ろす40度、真後ろからの視点」

黒色の服だと背景とかさなるので修正します

・服の色や翼の色は、背景と重ならないようにAIで修正します

【補足】
ゲーム用イラストは、背景に埋もれない色と形も重要です

プレイヤーのイラストが完成しました

次はボスキャラをつくります

ボスキャラはあらかじめ生成したイラストをもとに生成しました

こちらはフリーで配布しますので、必要ならばご使用ください

イラストとテキストからボスキャラをつくります

・次のとおりAIにつたえます

「添付のキャラのような雰囲気、
大きくアレンジ(つくりなおす)、
服は白と黒色で髪を長くして、
顔は下を向いているようにしてほしい」

大まかなイラストはOKなので、イラストをととのえます

しっかりボスキャラが完成しました

ゲーム背景イラストの生成

ゲームの背景をつくります

パターン画像がつくりやすい宇宙の背景にします

次は縦スクロール用の背景画像を作成します

今回は ChatGPT を使って宇宙背景を生成します

・つぎの通りAIに伝えます

「縦スクロールシューティングの背景を生成して、上と下が繋がっておりループする画像、宇宙の中にリアルな星が浮かんでいる画像にしての背景で斜め上45度からの俯瞰視点の画像にして」

【補足】
ループ背景はGeminiよりChatGPTの方が成功率が高い印象があります

背景はシンプルな方が弾幕が見やすくなるため、描き込みすぎないのがおすすめです

神秘的な宇宙の星空背景のフリー画像素材
神秘的な宇宙の星空背景のフリー画像素材

完成した宇宙の背景画像です

フリーで配布するので、必要でしたらご使用ください

ゲーム音楽(BGM)の生成

ゲームBGMは「Suno AI」を使って作成します

>> 「Suno AI」の公式サイト

Suno AIはジャンルや雰囲気をテキストで入力するだけで、音楽を自動で生成できるサイトです

【補足】
BGMはゲームの印象を大きく左右します

テンポが速すぎると疲れやすいため、

弾幕ゲームでは少し落ち着いた曲も相性が良いです

3分くらいで自動で曲が完成します

1.「Styles」の下にテキストを入れて、つくりたい音楽をAIにつたえます

2.「Create」ボタンをクリックします

音楽が完成したらダウンロードします

・音楽ができあがったら「・・・」をクリックすると、ダウンロードメニューがあらわれます

キャラクター画像の背景を透過する

キャラをアップロードして背景を透明にします

>> 「Photoroom」のサイト

キャラクター画像の背景は photoroom で透過します

アップロードするだけで自動で背景がなくなり、そのままPNGで保存できます

・背景削除ボタンをクリックすると画像のアップロードウィンドウがあらわれます

1.アップロードすると自動で背景が透過されます

2.ダウンロードボタンから画像をダウンロードします

素材を組み込んだゲームプログラムを生成

プログラムをバージョンアップします

すべての素材を Google AI Studio にアップロードし、もう一度プログラムを生成します

BGMの再生、敵弾の速度調整などもまとめて指示します

・つぎの通りAIに伝えます

「ゲーム本体.htmlのプレイヤーはプレイヤー.pngを読み込む、ボスはボス.pngを読み込む、 ゲーム背景は背景.pngのファイルを読み込む またBGMはゲームBGMを少し音量小さめでながすように読み込む(ループ)、 ゲーム本体.htmlでボスが出す玉の速度を遅くして、 このように作りかえられるか」

イラスト変更とブラッシュアップ

キャラクターの画像を入れかえます

Geminiのサイトにアクセスしてイラストをつくります

・つぎの通りAIに伝えます

「東方シューティングゲームのような縦スクロールシューティングゲームを作成している。 キャラクターは[背面で斜め上から]描かれている。 キャラクターは2頭身にして欲しい。 背景は透過でキャラ以外のものを一切入れないで。服の色は赤色で。猫は白猫にしてほしい。」

背面になりませんでしたが、

しっかり魔法使いの白猫が生成できました

・後ろ向きにするメッセージをAIにつたえます

「 描く視点[キャラクター背面で斜め上から] 」

しっかり後ろ向きのキャラクターが完成しました

最後にキャラクターやエフェクトを調整し、完成度を高めます

背面猫キャラへの変更や、ボスの動き・攻撃パターンを追加します

【補足】

AIとの会話が長くなりすぎたら、
一度会話をリセットして再生成した方が早くうまくいくことがあります

ゲームをさらに改良してメリハリがあるゲームにします

・つぎの通りAIに伝えます

「キャラクターと玉が紫色に光っているエフェクトを入れてほしい。ボスのHPを半分にして、HPが減ったら攻撃パターンが変わるようにしてほしい。ボスが少しゆっくり細かく動くようにしてほしい。またボスの玉で大き目の打つと壊れる玉をくわえてほしい。」

AIのプログラムがおわって、キャラを入れかえたゲームです

しっかりキャラがいれかわりメリハリがあるゲームになりました

まとめ

AIを活用すれば、プログラミングの経験がなくても本格的なシューティングゲームをつくれます

ぜひチャレンジしてみてください!

コメント