AIを使ってWEB上で動くピンポンゲームを作ってみた

利用目的

数当てクイズの他に要望を伝えるだけでどのようなゲームをAIが作成してくれるか気になったので試しました。

プロンプト

# Web上で動く簡単なゲームを作成したいです。
■ 条件
・JavaScriptを使ってHTML5のCanvas上で動く「ピンポンゲーム」
・VS Codeを利用して起動したい
・見やすい背景、スコア画面を追加したい

プロンプトのポイント

VsCodeで適当なフォルダを作成　
(例)pinpongame
index.html、pong.jsのファイルをそれぞれ作成
AIが出力してくれたコードを記載する
VSCodeの拡張機能「Live Server」を使用してWEBでプログラムを起動
※拡張機能を取得し、index.htmlを右クリック　　
「Open With Live Server」をクリックするとWEBで起動する
操作方法
1Pは「W」「S」、2Pは「↑」「↓」で操作

達成された成果

1人用のゲームを作成する予定でしたが、2人用のゲームが完成しました。
CPUとの対戦機能やピンポン玉がバーに触れた時や弾き方によってピンポン玉のスピードが速くなる仕様については模索中です。
コードの書き方についてあまり理解していないので、出力されたコードをAIに解説してもらって理解を深めようと思います。