Codex Subagents 實戰：從零開發一個瀏覽器小遊戲

# 太空射击游戏 PLAN.md

## 玩家目标
消灭所有敌机，保护飞船血量不归零。

## 主循环
敌机从屏幕顶部持续刷新，玩家飞船在底部横向移动射击。
击落敌机得分，敌机子弹打中玩家扣血。每隔30秒增加一波更快的敌机。

## 输入控制
- 键盘：方向键移动，空格键射击
- 触屏：左右滑动移动，点击射击

## 胜负条件
- 胜：通过5关，每关消灭规定数量敌机
- 败：血量归零

## 难度递进
关卡越高，敌机速度越快、子弹越密、血量上限略增

## 视觉风格
像素风，深色太空背景，霓虹色飞船和敌机

## 技术栈
Next.js + Phaser.js，纯前端，部署到 Vercel

## 里程碑顺序
1. 基础场景：背景 + 玩家飞船移动
2. 射击和碰撞检测
3. 敌机生成和 AI 移动
4. 血量/得分/关卡 UI
5. 视觉资产替换（精灵图）
6. 音效
7. 发布

# 太空射击游戏

2D 横版射击游戏，Phaser.js 渲染，Next.js 托管。

## 技术栈
- Next.js（前端框架，部署 Vercel）
- Phaser.js（游戏渲染引擎）
- 无后端（纯前端游戏）

## Skills
- $imagegen：生成游戏视觉资产（精灵图、背景、UI）
- $playwright-interactive：在真实浏览器里运行游戏并截图验证
- $openai-docs：获取最新 OpenAI API 文档

## 开发规范
- 每完成一个里程碑，用 build 命令验证能跑通
- 参考 PLAN.md 决定下一步要做什么
- 用 $playwright-interactive 在真实浏览器里测试每一个新功能，截图记录效果
- 用 $imagegen 生成所有精灵图和背景，每次生成后把 prompt 存到 .prompts/ 文件夹，方便复用
- 工作日志记录到 .logs/ 目录

使用 $playwright-interactive 和 $imagegen 按照 PLAN.md 开发这个游戏。

分工如下：
1. 先用 explorer 读取 PLAN.md，输出第一个里程碑的具体任务清单
2. 同时用 $imagegen 生成第一批视觉资产：

- 玩家飞船精灵图（像素风，霓虹蓝）
- 3种敌机精灵图（像素风，红/橙/紫）
- 深色星空背景
   把每张图的生成 prompt 存到 .prompts/ 文件夹
3. worker 实现里程碑1：基础场景搭建 + 玩家移动
4. 里程碑1完成后，用 $playwright-interactive 在浏览器里跑一遍，截图确认效果
5. 把工作记录写到 .logs/milestone-1.md

完成后告诉我里程碑1的状态和截图。

这是当前效果截图：[截图]
敌机移动太快了，难度太高。
飞船精灵图太小，看起来不显眼。
请调整这两点，再截图给我看。

背景太暗，看不清飞船。
用 $imagegen 重新生成背景，要求：深蓝星空，加一些星云效果，亮度提高20%。
把新 prompt 更新到 .prompts/background.md。

在第3关加一个 Boss 敌机：
- 体积是普通敌机的3倍
- 有独立血条 UI
- 被击中时有闪烁效果
先更新 PLAN.md，再实现，用 Playwright 验证。