Tide Bloom

最简单：直接双击打开

prototypes/2026-05-13-01-tide-bloom/build/index.html

无任何依赖，纯 HTML5 + Canvas + 原生 JS + WebAudio。

如需本地静态服务（可选）：

cd prototypes\2026-05-13-01-tide-bloom
python -m http.server 51713
# 或: npx serve .

然后访问 http://localhost:51713/build/。

• 鼠标左键单击屏幕任意点 → 生成一圈向外扩张的涟漪，推动附近光球
• 当 ≥3 个同色光球 因涟漪推力靠近到一起 → 触发"绽放"得分 + 潮汐能量
• 潮汐条满后 → 按右键 / 长按 / 空格释放全屏共振清屏大爆炸
• 60 秒倒计时，结算评级 S / A / B / C
• 按 R 重开 / M 静音

在 60 秒内通过精准放置涟漪触发尽可能多的绽放和共振，冲击 S 级。

• S：≥ 5000
• A：≥ 3000
• B：≥ 1500
• C：< 1500

• 单点输入 + 物理推力 + 同色聚类，所有反馈在 0.3s 内完成
• 不存在"立刻死亡"，全部 60s 结算，鼓励试错
• 涟漪扩散到球身上时会把球推离击点（推力方向：从击点 → 球外）。所以玩家应该在想让某个球离开的方向反面点击，例如想把球向右推 → 在球左侧点击

• 无账号、联网、商城、广告、抽卡、战令、长期养成
• 无关卡内容、剧情、复杂 AI
• 无外部美术资产（一切由 Canvas 绘制）
• 无外部音频文件（用 WebAudio 合成）

玩家在飘满光球的水面上单击掀起涟漪，把同色光球互相推向彼此触发绽放得分，绽放积累的潮汐能量可以引爆全屏共振。

观察 → 选击点 → 涟漪扩散 → 推动光球 → 同色 ≥3 聚集
   → 触发绽放（得分 + 潮汐 +） → 潮汐满 → 共振大爆炸

• 鼠标左键单击：生成涟漪（核心动作）
• 鼠标右键 / 长按 ≥0.4s / 空格：释放共振（仅潮汐满时有效）
• R：重开
• M：静音切换

光球（Ball）

• 从屏幕 4 边随机方向随机速度生成
• 4 种基础色：青 / 洋红 / 金 / 薄荷
• 半径 19px
• 摩擦力 0.985^(60dt)，避免无限弹动
• 球间软弹性碰撞，避免重叠

涟漪（Ring）

• 单击瞬间生成
• 中心扩张，速度 540 px/s
• 最大半径 180px
• 环带厚度 36px，只有当扩张半径"扫过"球时（|d_to_center − ring_r| ≤ 36）球才被推力作用
• 同一涟漪对同一球只施力一次（hit 集合记录）
• 推力方向：永远指向"从击点中心 → 球"，即把球推离击点
• 推力大小：球处于环带正中（|d − r| = 0）时最大，处于环带边缘时为 0
• 这意味着玩家应"在想让球离开的方向反面"点击：想把球往右推，就在球左侧点击

绽放（Bloom）

• 每帧扫描全部光球，BFS 同色 + 距离 ≤ 64px 的连通簇
• 连通簇 ≥3 时触发
• 单帧多个簇触发时，每个簇是一次"chain"，分数有 chain 倍率
• 绽放结算：球消失、粒子爆发、得分弹字、潮汐 +、屏幕震动

潮汐共振（Resonance）

• 潮汐条 ≥ 100 时可释放
• 全屏白色巨型涟漪 + 所有同色 ≥2 球直接配对绽放
• 每个球加分 = 60
• 屏幕大幅震动 + 共振音效

得分公式

• 单次绽放分 = 100 × (簇大小 - 2) × 1.35^(chain - 1)
• 共振分 = 同色簇大小 × 60

见 src/game.js 顶部 CFG，共 16 个参数。

• 不用真实流体，只用环带 + 冲量。视觉上"像水"，物理上是"圆形 + 摩擦力"，调参成本低
• 不让球受涟漪反向吸力，避免玩家迷失因果
• 同色判定用 64px 邻接半径而不是接触，让玩家"差不多推到就行"，降低挫败感
• 球数封顶 28，避免后期太挤导致随机绽放

• 不做账号、联网、商城、广告、抽卡、战令、长期养成
• 不做关卡内容、剧情、复杂 AI
• 不做手柄、复杂手势
• 不做美术资产，球用 Canvas 渐变绘制

• 环境：Windows 11 + PowerShell
• 自测形式：静态代码走查 + JS 语法检查 + 文件可访问检查 + 设计层面试玩路径推演
• 加速版限制：未在真实浏览器内做录屏 / 实际玩家试玩

1. 启动验证

• 文件清单：src/{index.html, game.js}、build/{index.html, game.js} 全部存在 ✓
• node --check src/game.js 退出码 0 ✓
• index.html 内联引用 ./game.js，无任何外部网络依赖 ✓
• 双击 build/index.html 可在任意现代浏览器（Chrome 90+ / Edge / Firefox）打开

2. 设计层试玩路径推演

走完一局 60 秒的预期：

• T+0：6 个初始光球已生成（startGame 内 for(0..5)），分布在 4 边
• T+1：玩家移鼠标观察，HUD 显示分数 0、剩余 59s
• T+2：玩家首次单击屏幕中央 → 触发 spawnRing() → 屏幕中央生成扩张环 → WebAudio 涟漪音
• T+3：扩张环触及附近 1-2 颗球 → 球被推离击点 → 球身周围短暂高亮（flash）
• T+5..T+15：连续单击 → 多次涟漪 → 同色球被互相推近 → 当任意同色 ≥3 球距离 ≤ 64px 时立刻触发绽放：球消失 + 粒子爆发 + 得分弹字 + 潮汐 +
• T+15..T+45：球生成间隔从 0.6s 衰减到约 0.4s，球数上升到约 18-22，玩家开始遇到多色混合压力
• T+30..T+45：第一次潮汐条满 → 玩家右键 / 长按 / 空格 → 全屏共振大爆炸，同色 ≥2 球批量绽放，分数大跳
• T+45..T+60：节奏更快，球生成间隔接近 0.18s，潮汐恢复到第二次释放
• T+60：倒计时归零 → endGame() 弹结算面板 → 显示评级 + 分数 + 最长连锁 + 共振次数 → R 重开

3. 关键交互验证（静态走查）

4. 潜在弱点

5. 修复回合

无 FIX_ONCE 触发。

综合分：(8.0 + 9.0 + 8.5 + 7.5 + 8.5 + 7.5 + 8.0 + 8.0) / 8 ≈ 8.13 / 10

• 单点输入 + 视觉反馈密度高，理论上很容易上手
• 同色绽放的"我推到了！"瞬间是最强爽点
• 60s 不立死设计避免了挫败，对休闲手游友好
• 共振机制让玩家有一个明确的"中长期目标"（积满潮汐 → 释放）

• 涟漪推力方向是反直觉的：玩家第一次点在球上会发现"球被推开而不是被消灭"，需要 ~2 次试错才能形成"在球外侧点击 → 把球推开"的直觉。建议下一轮加 5 秒纯教学。
• 加速版未做真实浏览器试玩 → 评分不能 100% 等同于真实玩家评分

通过 PLAYTEST 自测，达到好玩门槛各项硬指标，进入 ACCEPTANCE 阶段最终判定。