← AI Labトップにもどる
Prompt Engineering
ゼロから「くるまゲーム」を生成するプロンプト
キッズポータルに設置されている「くるまでドライブ!」は、ほぼ全てAI(大規模言語モデル)の出力から作られています。 ゲームを破綻させずに一発で出力させるための「プロンプトの秘訣」を公開します。
💡 成功するプロンプトの3つのコツ
- 制約を設ける: 外部画像や重いライブラリを一切使わず、単一のHTML/Canvasで完結させるよう指示する。
- ゲームループを明記する: `requestAnimationFrame` を使ったループ構造を明示的に要求する。
- ターゲット層を伝える: 「3歳の子供向けなので難易度は極端に低く」というコンテキストを与え、スピードや判定を調整させる。
📝 実際のプロンプト全文
あなたはプロのフロントエンドエンジニアであり、ゲームクリエイターです。
以下の仕様を満たす、3〜5歳向けの知育ミニゲームを開発してください。
【仕様】
・HTML, CSS, JavaScriptを1つのHTMLファイルに記述すること
・HTML5の <canvas> を使用して描画すること
・外部画像は使わず、絵文字(🚗、⭐)や図形で描画すること
・画面上部から星が落ちてきて、車でキャッチするとスコアが増える
・車は左右のボタン(画面下部)または矢印キーで動く
・子供向けなので、ゲームオーバーはなくエンドレスで遊べるようにする
・コードは即座にブラウザで動作する完全な状態で出力すること
🎮 実際のゲーム
このプロンプトから生成されたゲームは、以下のリンクから実際に遊ぶことができます!
くるまでドライブ!を遊ぶ ➔