素人がchatGPTだけでブラウザゲーム作ってみた

おもしろ

2025.05.12

皆様こんにちは。

デジタルマーケッターのケンズです(#^^#)

今回はchatGPTを使って長年の夢だったブラウザゲームを制作してみたので、そのやり方や作品を公開したいと思います。

今回制作したブラウザゲームはこちら

↑ちなみに今回試作品として作ったのはこんな感じの横スクロールゲームです。

やる気が起きればもう少しブラッシュアップします…。

↑ここにも貼っておきますが、リンクに飛んでやった方が操作説明なども記載しているのでやりやすいかもです…(;´･ω･)

作り方はいたってシンプルです。

これだけです。

自作の画像などを使いたい場合は、ゲームのコードのhtmlファイルと同じディレクトリ内に画像ファイルも入れたりする必要がありますが、自作画像を使わないタイプ（今回筆者が制作したようなシンプルなもの）ならば、その必要はありません。

自作画像や効果音などのファイルを使用する場合は、使用しているレンタルサーバーにファイルをアップロードしたり、プラグインを使用してファイルをアップロードする必要と、そのファイルをゲームのコードが入ったhtmlファイルと同じディレクトリ内に収める必要があります。

若干知識が必要になりますが、このあたりもchatGPTに手順を聞きながらやれば簡単にできちゃいます。（実際にノー知識の筆者が聞きながらやったらできた）

作り方はいたってシンプルなのですが、完成までは割と苦労の連続でした…。

chatGPTが書いてくれたコードを試してみては、エラーやフリーズなどのバグをテストプレイで見つけ、それをまたchatGPTにブラッシュアップしてもらい少しずつ改良を加えていく感じになります。

ちなみに製作開始から完了まで、実に5時間ほどかかってしまいました(笑)

という事で今回はchatGPTで素人がブラウザゲームを作ってみた！という記事を書いてみましたが、いかがだったでしょうか。

時間があれば今回作ったブラウザゲームの手直しと、新しいブラウザゲームの製作への挑戦もしてみたいと思っているので、是非その際は遊んでやってください…(;^ω^)

今回のブラウザゲームにも一応ハイスコア機能をつけたので、なんかこれはすげえんじゃねえの？みたいなスコアが出た人は、スクリーンショット撮って見せて自慢してくださいね～(笑)