タイトル通りです。生成AIを使って、自分では一切コードを書かずにゲームが作れるのかってことをやってみたくてチャレンジしてみました。
結論から書きますと、・・・できました。
すごいよこれ。ほんとにできた。
※作ったのは右の感じ。

とりあえずやったことを以下にメモっとく。
| 使用した生成AI | googleGemini(https://gemini.google.com/) -高速モード(Gemini 3 Flash) -Proモード(無料だけどすぐ制限かかる) |
画像生成
まずはテトリスで使う画像を生成。壁とブロックがありゃいいかなと思って以下のプロンプトを実行。(すごいよね、画像も作ってくれんだから。)
七マス目を壁用の画像にする形でお願いしてみました。
【プロンプト】
テトリスのゲーム画像として使用する画像を作成してください。
・サイズは縦16ピクセル,横112ピクセルとします。
・画像ファイルは一マス16×16ピクセルの一列で,7マス分の色違いのブロックが並ぶ構成としてください。
・7マス目は灰色としてください。ほかのマスは色が違えば何色でも構いません。
結果は以下のような画像ができました。
でけぇ。全然言った通りのサイズじゃねぇ・・・

ほかの生成AIはどうかしらないけど、Geminiはそういうピクセル単位の細かい仕事はできないんだって。だからリサイズは自分でしてねっていわれた。
なので、Windowsのフォトアプリでリサイズ・・・

はい、ちっちゃくなりました。
というわけで、本題のテトリスを作り始めたいと思います。
テトリス作成開始
【プロンプト】
あなたは優秀なプログラマーです。
web型のゲームとしてテトリスを作りたいと思います。
以下の仕様で構築をお願いいたします。
#使用言語
・javascript
#前提
・PHPは使えます。
・DB名は「***」としてください。
#ゲームの流れ
・スタートボタンをクリックしたらゲーム開始
・ブロックが溜まって枠の上部を超えたらゲームオーバー
・名前を入力
・得点ランキングを表示
・再開ボタンを押したら再度ゲームスタート
※スタートボタンまたは再開ボタンの横にランキングボタンを配置し,ランキングを閲覧できるようにしてください。
#UI
・キーボードの矢印ボタンでブロックを操作します。
・↑を押したらブロックが時計回りに回転します。
・←を押したらブロックは左に一つ動きます。
・→を押したらブロックは右に一つ動きます。
・↓を押したらブロックは一気に最下段に落ちます。
・主画面は横10列,縦20列としてください。
・右上に次に生成されるブロックを表示してください。
・得点を表示するボックスと現在いくつのブロックを使用したかを表示するボックスを作成してください。
・ゲームの主画面を囲むように特定ブロックを配置してください。
・特定ブロックとは#使用画像で定義したファイルの7マス目を指します。
#使用画像
・「sprite.png」を使用
・画像ファイルは/imageに格納
・画像ファイルは一マス16×16ピクセルの一列で,7マス分の色違いのブロックが並ぶ構成です。
#得点
・一ライン消し:100点
・二ライン消し:500点
・三ライン消し:1500点
・四ライン消し:2500点
#ゲーム中の挙動
・最初は1秒ごとにブロックが下に進み,使用ブロックが10を超えるたびに,0.02秒ずつ加速してください。
・登場するブロックは四マスとして,その四マスが密着して作れるすべてのパターンとしてください。
・四マスの塊ブロックの色はランダムで構いませんが,塊自体は同一配色としてください。
・スペースボタンでポーズする機能をつけてください。
#音
・プロトタイプは不要としますが,あとで追加できるように配慮してください。
・音は「一番下に落ちた時」,「ラインを消したとき」,「ゲーム中のBGM」,「四ライン消した時の特別音」の四種類とします。
・BGMは複数の中からゲーム開始時にランダムで一つ選ぶ形としてください(拡張性のある形にしておいてください)
#得点ランキング
・ゲームオーバーとなったら,名前を入力できるボックスを表示してください。
・名前を入れたら,これまで得点ランキングを表示できるようにしてください。
・得点の管理にはmysqlを使用します。
#その他
・不明な点は都度,私に確認してください。
なんとこれだけでソースを作ってくれました。
作ってくれたのはランキングDBと連携するためのPHPコードと、ゲーム部分のjavascriptを含んだHTMLコードです。これとさっき作った画像をサーバにアップして・・・
はい、動きました。
・・・まじかよ。簡単すぎる。恐ろしすぎる。生成AIすごすぎる。
少し触ってみたところ、ポーズの挙動にバグがあったのでその部分の修正をお願いする。
修正コードもあっさり出てきて、完璧に動作。
あとはBGMをつけようかなと思って、あなたは音楽も作れるのですか?と尋ねたら「できます」だって。それならばってことで作ってもらったBGMがこちら。
ただね、効果音的な短い音は作るのが難しいようだったので、webからフリーの素材をダウンロードしてきました。(ダウンロード先は「効果音ラボ – フリー、商用無料、報告不用の効果音素材をダウンロード」さん)
ダウンロードした効果音も組み込んで完成。
完成品
完成品は以下のURLに公開してあります。ぜひ遊んでみてね!(何の変哲もないテトリスです💦)
https://kakurium.jp/openbox/gamesauce/tetris/
というわけで、今回は生成AIでゲームが作れるのか?でしたが、結果は「超楽勝」となりました。
なんか本当にすごい時代になったもんだね。。。


コメント