ChatGPTでブラウザゲームを作ってみたかった話。

パトラッシュ… 疲れたろ…。
僕も疲れたんだ。なんだかとても眠いんだ。

こんばんは、ふじわらです。
今日は、ChatGPTにブラウザゲームを作ってもらいたかった回です。

冒頭文章でお察しの通り、なかなかに振り回されました。
ギャグ回としてご覧ください。

それぞれで使ったプロンプトも添えておきます。

何に勝ったんや

「ドアパニック」というゲームタイトルのブラウザゲームを作成してください。
原則、HTML,CSS,Javascriptを使用してコードを書き出してください。

* 使用してもよいプログラミング言語のフレームワーク
- Phaser.js
- PixiJS
- CreateJS
- p5.js

* 制約条件
- CSSは<style></style>で括ってください。
- javascriptは<script></script>で括ってください。
- コードだけを書き出してください。冒頭の説明文は不要です。

ゲームの意図がよく分からん間に、勝利！しました
生きてるだけで優勝的な、それでしょうか。

勝利！

究極のヌルゲー

「ドアパニック」というゲームタイトルのブラウザゲームを作成してください。
原則、HTML,CSS,Javascriptを使用してコードを書き出してください。

* 使用してもよいプログラミング言語のフレームワーク
- Phaser.js
- PixiJS
- CreateJS
- p5.js

* 制約条件
- CSSは<style></style>で括ってください。
- javascriptは<script></script>で括ってください。
- コードだけを書き出してください。
- 冒頭の説明文は不要です。
- ゲームの操作方法を画面の右下に表示してください。

画面の上下に黒いバーが流れてくるので、それに当たらないようにするゲームらしいのですが…

当たんないのよ、一生。
自分から当たりに行くしか、終われないのよ。

もうちょっと難易度上げてほしいなあ。

飛ぶ気すら起きない

「ドアパニック」というゲームタイトルのブラウザゲームを作成してください。
原則、HTML,CSS,Javascriptを使用してコードを書き出してください。

* 使用してもよいプログラミング言語のフレームワーク
- Phaser.js
- PixiJS
- CreateJS
- p5.js

* 制約条件
- CSSは<style></style>で括ってください。
- javascriptは<script></script>で括ってください。
- コードだけを書き出してください。
- 冒頭の説明文は不要です。
- ゲームの操作方法を画面の右下に表示してください。
- ゲームオーバーの要素を作ってください。
- 画面の左上にリフレッシュボタンを作ってください。

これが一番ひどい。
ゲームができそうな感じを出してるくせに、絶対にクリアできない。

ジャンプ力が低すぎる。
ゲームバランスとか、そういう話じゃない。

最後なんてもう、飛ぶ気すら起きない。

あれ、これはちょっと。アリなのでは。

「ドアパニック」というゲームタイトルのブラウザゲームを作成してください。
原則、HTML,CSS,Javascriptを使用してコードを書き出してください。

* 使用してもよいプログラミング言語のフレームワーク
- Phaser.js
- PixiJS
- CreateJS
- p5.js

* 制約条件
- CSSは<style></style>で括ってください。
- javascriptは<script></script>で括ってください。
- コードだけを書き出してください。
- 冒頭の説明文は不要です。
- ゲームの操作方法を画面の右下に表示してください。
- ゲームオーバーの要素を作ってください。
- 画面の左上にリフレッシュボタンを作ってください。
- ゲームが進行するにつれて、難易度が上がるようにしてください。

上から槍のようはオブジェクトが降ってきて、それに当たるとゲームオーバー。
ちょ、ちょっとアリ。

急に遊べるやつやん。
あかんって、もっとド派手にクソゲーにしてもらわんと。

おい、横スクロールゲームできとるやないか。

「ドアドアパニック」というゲームタイトルのブラウザゲームを作成してください。
原則、HTML,CSS,Javascriptを使用してコードを書き出してください。

* 使用してもよいプログラミング言語のフレームワーク
- Phaser.js
- PixiJS
- CreateJS
- p5.js

* 制約条件
- CSSは<style></style>で括ってください。
- javascriptは<script></script>で括ってください。
- コードだけを書き出してください。
- 冒頭の説明文は不要です。
- ゲームの操作方法を画面の右下に表示してください。
- ゲームオーバーの要素を作ってください。
- 画面の左上にリフレッシュボタンを作ってください。
- ゲームが進行するにつれて、難易度が上がるようにしてください。
- ゲームとして成立させてください。

世界中で熱狂されるゲームを作りましょう。

世界中で熱狂されるゲーム…といえば。
やっぱりマリオブラザーズでしょうか。

横スクロールだもんね。
うん、いや。
ちょっと面白いよ。

ちょっと面白いゲームできちゃった。

クソゲーを目指してたのに、ちょっと面白いゲームできちゃいました。
うちのChatGPT、空気読めないんです。ごめんなさい。

本当は、ゲームタイトルを入力するだけでブラウザゲームが作れるツールを作りたかったのですが、ChatGPTの出力が安定せず提供が難しくなりました。

別機会にリベンジします！

過去に、YoutubeLiveのコメント欄を使ったゲームを作ったことがあったので貼っておきます。
当時、まだChatGPTのAPIが出てなくてGPT-3でやっていたので、リベンジしたい。