构建浏览器游戏

本页根据 OpenAI 官方 Codex use cases 页面重新整理，核对时间为 2026-03-30。这里保留原文的任务边界、推荐技能和工作流重点，但改写成更适合课程、工作坊和机构授课的中文版本。

官方原始定位

• 官方标题：构建浏览器游戏
• 官方难度：Intermediate
• 官方预估时长：Long-running
• 官方核心说明：先写清游戏计划，再让 Codex 实现和测试，并借助 ImageGen 和 Playwright 反复打磨控制、节奏和 UI 体验。

这节课最适合哪些人

• 从零开始做一个浏览器游戏
• 需要反复测试控制手感、视觉表现和部署效果的游戏项目
• 想让学员真实感受到“AI 不是只会写页面，也能推进复杂互动系统”的课程

课上应该带学员理解什么

• 官方非常强调先写 PLAN.md，因为“做个游戏”这个需求本身太虚
• 游戏类任务最适合展示 Codex 的计划、执行、测试、资产生成一体化能力
• 用 AGENTS.md 固定技术栈、日志习惯、测试要求和素材提示词保存位置，会让项目稳定很多

官方强调的工作流

1. 先用 plan mode 或普通提示生成 PLAN.md，写清玩法目标、主循环、控制、胜负条件、难度和视觉方向
2. 再用 AGENTS.md 约束 Codex：按计划开发、每完成特性就 build/test、日志存进 .logs/、素材提示词存进 .prompts/
3. 用 ImageGen 生成第一批素材，用 Playwright 反复试玩与修正
4. 一轮一轮优化控制手感、界面反馈和视觉统一性

课堂演示顺序

1. 先让学员自己写出一段游戏简报，只用文字说明规则
2. 把简报交给 Codex 先产出 PLAN.md，让全班共同评审是否够具体
3. 再让 Codex 做一个能玩的小版本，并现场试玩记录问题
4. 最后把“玩法计划 -> 实现 -> 浏览器测试 -> 继续修”的完整闭环走完

推荐技能与插件

• Playwright：在真实浏览器里试玩，检查控制、节奏、碰撞和 UI 手感
• ImageGen：生成角色、背景、概念图和 UI 资产，并保留可复用提示词
• OpenAI Docs：如果游戏里还要接 OpenAI 能力，先拉官方说明再接入

课堂版起手提示词

请在当前仓库里按游戏工作流推进这个项目。

要求：
1. 先写 PLAN.md，定义玩家目标、主循环、控制、胜负条件、难度、视觉方向、技术栈和里程碑
2. 再根据 PLAN.md 实现最小可玩的版本
3. 工作日志写到 .logs/
4. 如果生成素材，把提示词保存到 .prompts/
5. 用浏览器真实试玩并继续迭代控制和 UI 手感

课堂验收与交付物

• 一份 PLAN.md
• 一个最小可玩的浏览器游戏
• 一份测试与问题记录
• 一套后续可复用的素材提示词

讲师讲这节课时最容易踩的坑

• 这类案例很适合做招生活动或体验课，因为视觉反馈最强
• 不要一开始就追求大而全，先做一个可玩核心 loop 才是关键
• 讲师可以故意保留 2 到 3 个手感问题，让学员现场带着 Codex 继续修

建议搭配本站这些内容

• 游戏化入门
• 青少年项目营

官方参考

• OpenAI Developers: 构建浏览器游戏