Stack Up 堆叠塔

• 双击 build/index.html
• 平台从一边扫向另一边
• 在合适时机按下 → 锁定位置
• 与下层重叠的部分留下，超出的部分被切掉
• 完全偏离（重叠 = 0）→ Game Over
• 完美对齐（误差 ≤ 5px）→ "PERFECT!" 宽度恢复

• 每层颜色 HSL +17° 循环渐变
• PERFECT 时屏抖 + 黄白色脉冲 + 宽度恢复
• 裁切碎片掉落 + 渐隐
• 每 10 层弹「N 层！」里程碑
• 摄像机随塔顶上升平滑下移

• localStorage.stackUpBest 最高层数

• INIT_W = 200：初始平台宽
• MIN_W = 18：最小保留宽度（地板）
• PERFECT_EPS = 5：完美阈值
• 扫动速度公式：min(8, 3 + stack.length × 0.15)

• 已有 13 种 action 全部不是「裁切堆叠」
• Stack（Ketchapp 2016）证明此机制 8 年长青，全球亿级下载
• 2026 hypercasual 趋势分析仍把 Stack/Tower 列为主流（gameboard.online）

• 已有点击都是「位置」型（点击物体破坏、染色按钮、放置塔、旋转管道）
• 「时机点击」是新维度：玩家不决定 X 位置（自动扫动），只决定 WHEN 锁定
• 单按 SPACE 也支持，照顾不喜欢鼠标的玩家

扫动逻辑

• 每层平台从随机一侧（左或右）以 speed = min(8, 3 + layer × 0.15) 像素/帧 进入
• 撞到「可下落区域」边界后反弹（保证总在玩家瞄准范围内）
• 玩家锁定 → 进入裁切判定

裁切判定

overlap = max(0, min(R1, R2) - max(L1, L2))
if (overlap == 0) → GAME_OVER
else:
  offset = |movingBlock.x - lastLayer.x|
  if (offset ≤ PERFECT_EPS):
    newW = lastLayer.w     // 宽度恢复
    perfectCount++
    PERFECT!
  else:
    newW = overlap
    cutW = movingBlock.w - overlap
    spawn 碎片（下落 + 渐隐）
stack.push(new layer)

摄像机

• 每帧线性插值 cameraY += (desired - cameraY) × 0.08
• 让塔顶永远靠近 TOP_Y_FOCUS = 360（屏幕中间偏上）

• 这是全新 failure 类型：不是计数（次数耗尽）也不是时间（时间到）也不是位置（越界），是「单次空间结算 = 重叠 = 0」
• 与 09 容器溢出相似（都是空间）但 09 是边界，11 是相对位置

• 阈值 5px，是给玩家「正反馈」而不是「无聊归零」
• 完美 = 宽度恢复 → 玩家想连 PERFECT
• 实际成就：连 5 个 PERFECT 后塔仍全宽 = 长期游戏目标

• 渐变背景：星空色（深紫到深蓝），强化「越叠越高」氛围
• HSL +17° 循环：相邻两层颜色明显但和谐
• 顶部高光 + 底部暗影：模拟 3D 块
• PERFECT 文字：黄白色 + 双层 glow，醒目

• 单层渲染 3 个 fillRect = 60 层时 180 操作/帧
• 摄像机平移只影响 translate，无额外开销
• 60fps 稳定

• node --check 通过
• build/index.html ≡ src/index.html byte-for-byte
• 无外部依赖，离线可玩

第一个 30 秒

• 加载 → 看到一个底块 + 上方扫动平台
• 第一次按下 → 切下 / 完美 → 立即明白机制
• 第二层 → 看到 PERFECT 文字弹出（如果运气好）
• 5 层时已掌握节奏
• ✅ 30 秒可懂

0-2 分钟

• 平台速度从 3 → 6（前 20 层）
• 玩家挑战自我，刷 PERFECT 计数
• 第一个里程碑「10 层！」出现 → 第一个小成就

失败时刻

• 偏离归零，摄像机拉远展示整塔的失败感
• 看到「本局 N 层 · PERFECT × X · BEST Y」→ 想再来一局

综合 8.125/10，判定 GO

• 玩到 100+ 层后平台已被裁到 MIN_W，纯反应游戏（可接受，已是该品类天花板）
• 没接 BGM（acceleration_rules 不强求）