← AI Labトップにもどる
Prompt Engineering

ゼロから「くるまゲーム」を生成するプロンプト

キッズポータルに設置されている「くるまでドライブ!」は、ほぼ全てAI(大規模言語モデル)の出力から作られています。 ゲームを破綻させずに一発で出力させるための「プロンプトの秘訣」を公開します。

💡 成功するプロンプトの3つのコツ

  • 制約を設ける: 外部画像や重いライブラリを一切使わず、単一のHTML/Canvasで完結させるよう指示する。
  • ゲームループを明記する: `requestAnimationFrame` を使ったループ構造を明示的に要求する。
  • ターゲット層を伝える: 「3歳の子供向けなので難易度は極端に低く」というコンテキストを与え、スピードや判定を調整させる。

📝 実際のプロンプト全文

あなたはプロのフロントエンドエンジニアであり、ゲームクリエイターです。 以下の仕様を満たす、3〜5歳向けの知育ミニゲームを開発してください。 【仕様】 ・HTML, CSS, JavaScriptを1つのHTMLファイルに記述すること ・HTML5の <canvas> を使用して描画すること ・外部画像は使わず、絵文字(🚗、⭐)や図形で描画すること ・画面上部から星が落ちてきて、車でキャッチするとスコアが増える ・車は左右のボタン(画面下部)または矢印キーで動く ・子供向けなので、ゲームオーバーはなくエンドレスで遊べるようにする ・コードは即座にブラウザで動作する完全な状態で出力すること

🎮 実際のゲーム

このプロンプトから生成されたゲームは、以下のリンクから実際に遊ぶことができます!

くるまでドライブ!を遊ぶ ➔