AIでゲームを作って公開する

プログラミング経験がなくても大丈夫。AIに頼んで、動かして、直して、公開するまでの流れです。

1. AIに頼む
2. 動かして直す
3. 公開する
4. 感想で育てる

1. AIに頼む

Claude、ChatGPT、Gemini など、どのAIでもかまいません。次の指示文をコピーして、「作りたいゲーム」の部分を書き換えて渡してください。

ブラウザで遊べるゲームを作ってください。

# 作りたいゲーム
(ここにアイデアを書く。例:宇宙船を左右に動かして、降ってくる隕石をよけるゲーム。だんだん速くなる)

# 条件
- HTML・CSS・JavaScriptを1つのHTMLファイルにまとめる
- 画像や音のファイルは使わず、Canvasでの描画とWeb Audio APIで作る(ライブラリを使う場合はCDNから読み込む)
- 画面サイズに合わせて自動でリサイズする(iframeの中で表示される)
- キーボード・マウスに加えて、スマホのタッチ操作でも遊べるようにする
- タイトル画面、遊び方の説明、ゲームオーバー画面、リトライを用意する
- スコアがあるゲームなら、ゲームオーバーのときに次のコードを呼ぶ
  window.AIGame?.submitScore(score)
- ハイスコアの保存には localStorage を使ってよい

ポイント:最初は小さく作り、「敵を増やして」「効果音をつけて」のように1つずつ頼むと失敗しにくくなります。

2. 動かして直す

AIが出したコードを公開ページに貼り付けると、右側ですぐに動きます。エラーが出たら、コンソールの「AIに修正を頼む文面をコピー」を押して、そのままAIに貼り付けてください。エラー内容とコードがまとめてコピーされます。

3. 公開する

  • 1つのHTMLファイルなら貼り付けるだけ。画像や音声などの素材があるときは、フォルダごと、またはZIPでアップロードできます(最大 50.0 MB)。
  • Phaser・three.js・PixiJS などのライブラリは CDN から読み込めます。Unity の WebGL ビルドや Godot の Web 書き出し(スレッド無効)も、フォルダごとアップロードすれば動きます。
  • サムネイルはゲーム画面から撮影できます。使ったAIやプロンプトを書いておくと、ほかの人の参考になります。
  • Claude Code などのAIエージェントから直接公開することもできます(API / MCP)。

4. 感想で育てる

プレイヤーは「感想」「バグ報告」「アイデア」を送れます。ゲームの設定画面の「フィードバック」タブから、未対応のバグ報告とアイデアをAIへの修正依頼としてまとめてコピーできます。直したら新しいバージョンをアップロードしましょう。更新履歴も残ります。

うまくいかないとき

  • 画面が真っ白:コンソールのエラーをAIに渡す
  • キー操作が効かない:ゲーム画面を一度クリックしてから操作する
  • スマホで遊べない:「タッチ操作に対応して、画面下にボタンを表示して」と頼む
  • 音が鳴らない:ブラウザの仕様で、最初のクリック/タップの後でないと音を鳴らせません。「最初のタップで音を有効にして」と頼む