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

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

今回ゲーム生成でつかうサイトです

無料でつかえるGoogle公式のAIツールです

今回つくるシューティングゲームです

プログラムをAIにつくってもらうバイブコーディングという方法でつくります

はじめに、Geminiでゲームのイメージ画像を生成します

Geminiがつくったゲームイメージの例です

「Google AI Studio」のサイトでプログラムをつくります

「Google AI Studio」は本格的にAIのプログラムの生成をおこなうことができます

プログラムの生成は１～3分でおわります

キーボードで動く横スクロールシューティングをつくれました

しかし、ゲーム画像がブロックなので次は画像をつくります

ゲーム画像がブロックなので、ゲーム画像をつくります

Geminiでキャラクター用の画像を生成します

キャラクター画像を生成できました

しかし、背景が白色で透明ではないようです

背景切り抜きができる「My Edit」のサイトに移動します

つづいて、画像の大きさを小さくします

主役キャラにつづいて敵キャラの画像もつくります

少しかわいい敵キャラをつくることができました

つづけて何体か敵キャラをつくります

ちょっとかわいいキャラがあらわれました

つくったキャラの背景を透明にして、画像のムダな部分をカットします

背景はくり返しのループ画像がとくいなChatGPTでつくります

はじめに、主役キャラをゲームに登場させます

主役キャラの画像をアップロードできました

この画像をゲームに登場させるようにAIに伝えてプログラム生成します

主役のキャラ画像が登場しました

次は敵キャラをゲームに登場させます

登場させる敵キャラの画像をアップロードします

命令も組み合わせて、AIでプログラムを生成します

生成したプログラムを実行すると敵キャラがあらわれました

次は背景を登場させます

作成した背景をアップロードします

画像、命令と組み合わせてプログラムを生成します

敵キャラが小さくなり、背景画像がゲームに登場しました

しかし、まだプレイヤーの玉がゲームっぽくありません

プレイヤーの玉、敵キャラの大きさをもっとゲームに合うように変えます

全体的にメルヘンな感じで、ゲームが完成しました

ゲームがうごいている雰囲気、くわしいつくり方は下の動画から確認できます

AIのプログラミング（バイブコーディング）は他のページでも紹介しています

合わせてごらんいただくと、さらに多くのゲーム作成にいかせます