Need
Web ゲームの技術スタック
Why it's needed
ブラウザゲームの UI とレンダリングレイヤーを構築するための実用的なデフォルト構成です。
.md to the page URL.
Codex use case
ゲームプランを定め、Codex にゲームの実装と実際のブラウザでのテストを任せます。
Codex を使って、ゲームの企画概要をまず明確なプランに落とし込み、次に実際に遊べるブラウザゲームを構築します。imagegen でビジュアルアセットを生成し、Codex に実際のブラウザでゲームをテストさせて、操作性と UI を反復改善します。
ゲームプランを定め、Codex にゲームの実装と実際のブラウザでのテストを任せます。
Codex を使って、ゲームの企画概要をまず明確なプランに落とし込み、次に実際に遊べるブラウザゲームを構築します。imagegen でビジュアルアセットを生成し、Codex に実際のブラウザでゲームをテストさせて、操作性と UI を反復改善します。
Codex を使って、ゲームの企画概要をまず明確なプランに落とし込み、次に実際に遊べるブラウザゲームを構築します。imagegen でビジュアルアセットを生成し、Codex に実際のブラウザでゲームをテストさせて、操作性と UI を反復改善します。
関連リンク
| Skill | Why use it |
|---|---|
| Playwright | 実際のブラウザでゲームをプレイして現在の状態を確認し、実際のビルド上で操作性、タイミング、UI の感触を繰り返し調整します。 |
| ImageGen | コンセプトアート、スプライト、背景、UI アセットを生成し、そのプロンプトを後続のアセット一括生成でも再利用できるようにします。 |
| OpenAI Docs | OpenAI を利用する機能をゲームに組み込む前に、最新の公式ガイダンスを取得します。 |
ゲーム開発は、Codex がコード生成以外にも役立つことを最も明確に示す例の 1 つです。実際のゲームには通常、文書化されたコンセプト、レンダリングレイヤー、フロントエンドの基盤構築、バックエンドの状態管理、アセット制作、継続的なビジュアル調整が必要です
このユースケースでは、まずゲームの仕様を Codex に正確に書き出させ、その後、Playwright interactive を使って実際のブラウザでゲームをテストしながら反復改善すると、最も効果的です。
Codex が実装の雛形を作り始める前に、ゲームの内容を具体的に定義する PLAN.md を作成するよう依頼します:
このプランが重要なのは、「ゲームを作る」だけでは曖昧すぎるためです。Codex はゲームの各要素の実装方法を把握する必要があり、構築中にはその実装の詳細を参照することもよくあります。
スラッシュコマンド /plan でプランモードを有効にできます。
出力を PLAN.md ファイルに保存します。
Codex がプランに従い、作業内容を検証し、適切なツールを使うようにするには、次のような AGENTS.md を定義します:
# Game name
<Type of game>
Tech Stack:
- NextJS for frontend (hosted on Vercel)
- <insert technology> for rendering
- Fastify for backend, websockets (hosted on <hosting platform>)
- Postgres for database (hosted on <hosting platform>)
- Redis for caching and pub/sub (hosted on <hosting platform>)
- OpenAI for generative AI features
Tips:
- Use build and test commands to verify your work as soon as you complete a feature or task
- Use the PLAN.md file to guide your work when building new features
- Log your work under .logs (create new log files as you see fit) to record your thought process and decisions, and reference them when iterating on features
- Use playwright to test the visual output of your work, and iterate if it doesn't look right or fit the vibe
- Use imagegen to generate visual assets for your work, and every time you generate a collection of assets, save the prompts you used to be able to continue generating more of the same assets later (create files in .prompts)
- Use Context7 MCP to fetch <rendering framework> docs
これにより、Codex は長時間自律的に動作し、必要に応じて関連するスキルを使用できます。
AGENTS.md ファイルに記載したスキルを追加します:
スキルを追加する方法について詳しくは、スキルのドキュメントをご覧ください。
ヒント: 画像生成用のプロンプトをファイルに保存するよう Codex に依頼し、 すべてのビジュアルアセットに一貫性を持たせます。生成するアセットのスタイルを指定し、 詳細かつ再利用可能なプロンプトを Codex に作成させます。
Codex は最初のプランに基づいて、ゲームの最初のバージョンを生成します。
画像アセットを大量に生成する必要がある場合、最初のバージョンの作成には時間がかかり、ときには数時間に及ぶこともあります。Codex は自身の作業をテストし、実際のブラウザでゲームを試せるため、ユーザーからの入力がなくても長時間作業を続けられます。
プランが明確であるほど、最初の反復改善後に得られる成果物の品質が向上します。
ゲームをテストしながら、スクリーンショットを提供したり、ゲームプレイの変更やビジュアルアセットの更新を依頼したりして、満足できる結果になるまで必要に応じて改善を繰り返します。
Need
Default options
Why it's needed
Need
Web ゲームの技術スタック
Why it's needed
ブラウザゲームの UI とレンダリングレイヤーを構築するための実用的なデフォルト構成です。
Need
バックエンドの技術スタック
Why it's needed
ゲームに永続化、マッチメイキング、リーダーボード、pub/sub が必要な場合に適した堅実なデフォルト構成です。
Codex が複数のターンにわたり、検証可能な停止条件に達するまで作業を続ける必要があるタスクには、`/goal` を使用します。
どのフォルダーからでも実行でき、リポジトリスクリプトと組み合わせたり、ファイルをダウンロードしたりでき、付属スキルを通じて使い方を記憶できる、組み合わせ可能な CLI を Codex...
スクリプトや確認可能な成果物などからなる評価システムを Codex に用意し、スコアが十分な水準に達するまで難しいタスクの改善を続けられるようにします。