Echo Trace 回声轨迹

• 鼠标/手指拖动 = 光球追随
• RECORD 阶段：5 秒内收满 3 颗黄水晶
• 提前收满 → 立即进入 PLAY；否则等倒计时
• PLAY/回声追击：你的录制轨迹复活成 ghost，跟你同时跑 5 秒，碰到任何 ghost 立死
• 活到 5 秒 → 过关；新一关开始（ghost 数 +1）

• 左上：当前关卡
• 中：阶段标识 RECORD（绿）/ ECHO（粉）
• 右上：当前已积累的回声数
• 下方：进度条 + 水晶进度

• 录制阶段水晶未收满 5s = 死
• 回放阶段被任何 ghost 圆心命中 = 死
• 通关条件：连续撑过 10 关
• 历史最高关卡保存到 localStorage echo_best

• input：连续位置追随——降低操作门槛，让玩家专注规划而非按键节奏
• action：录制 + 多 ghost 对抗——核心创新点，把"过去的自己"变成新挑战源
• loop：录制→回放→录制 累计——513 系列前 61 个原型全是「单阶段实时」，本作首次「双阶段录制循环」（与 01-slope-rig 的「编辑+模拟」是不同的两阶段范式）

• 录制 5s + 回放 5s = 单关 10s（紧凑）
• 水晶 3 颗约束玩家必须有目的地移动（避免乱跑）
• 关卡 10 进入「通关」，达成感强烈
• 每关 ghost +1，第 10 关 = 9 ghost，碰撞密度合理

• 单 Canvas，每帧约 50-300 ghost path 顶点重绘
• 性能预算 60fps @ 桌面 / 30-45fps @ 中低端移动
• 调色：青色（玩家） + 粉色（ghost）+ 黄水晶 + 深蓝背景

ghosts: Array<{
  path: [{x,y,t}, ...],  // 录制采样 ~300 点
  i: number,             // play 时的当前回放指针
  color: hsl string
}>

• ghost 数 >12 时画面会非常拥挤，但 10 关止步设计上规避
• 回放定位用线性扫描（O(n) 但 n 小够用），不优化 binary search
• 触屏端拖动时 pointermove 频率取决于设备

• src/index.html 与 build/index.html 字节一致（9822 bytes）
• JS 语法检查：✅ node --check 通过（提取 <script> 内 JS）
• 浏览器双击 build/index.html：✅ 立即可玩

30 秒

玩家第一次进入：overlay 文案足够清楚（5s 录制 / 5s 回声追击）→ 点开始 → 看到自己光球 + 3 颗水晶 → 直觉拖去收集 → 5s 内大概率收满 → 自动进入回放 → 看到自己的 ghost 复活 → 必须躲开 → 紧张感正反馈。

第 1-3 关

• 关卡 1：0 ghost，几乎无压力（录制阶段都不死）
• 关卡 2：1 ghost，玩家明白了机制
• 关卡 3：2 ghost，开始有路径冲突，需要预判

失败时刻

• 录制阶段最后 1 秒还没收满 → 紧迫感强
• 回放阶段穿过自己以前的路径中央 → 立即被命中
• 双重信息（轨迹+实时头部球）让玩家看得清

第 10 关（终局）

• 9 ghost 同时回放，画面密度满
• 玩家必须设计完全避开历史所有路径的新路线
• 成就感顶点

• between 阶段（关卡间）1.5s 等待没有跳过按钮
• 受设备触摸延迟影响，移动端可能 ghost 检测略迟钝