跳到主要内容
PUZZLE GAME / 数学 · 记忆

心算记忆

屏幕显示一个算式,第一轮只需心算答案并记住。从第 level+1 轮起,每轮额外要求你输入 level 轮前的答案。算式复杂度随轮次递增:一位数± → 两位数± → 一位数× → 混合×±。答错即结束,按级别分别记录历史最佳。

玩法​

  • 10 级难度(1-10):等级 = 需要回忆多少轮前的答案
  • 倒计时:1-3 级 60 秒,4-6 级 120 秒,7-10 级 180 秒;时间到即结束
  • 每一轮显示一个算式(无输入框),心算答案并记住
  • 从第 level + 1 轮起,每轮额外出现输入框要求输入 level 轮前的答案
  • 答错 / 时间到都会结束游戏;每级独立历史最佳成绩,存 localStorage
  • 不揭示当前轮的答案——所有反馈都通过后续轮次的回忆题来验证

算式曲线​

轮次算式类型示例结果范围
1-5一位数 ±(结果非负)7 + 2 · 5 − 30-18
6-10两位数 ±(结果非负)37 + 18 · 42 − 155-80
11-15一位数 ×4 × 7 · 9 × 64-81
16+一位数 × ± 一位数(结果非负)5 × 7 + 13 · 6 × 8 − 211-161

关键约束:所有算式结果保证非负 — 减法总是大减小;混合运算保证乘积 ≥ 减项。

等级体验​

等级典型体验
1 级一直是一位数 ±,只记前 1 轮,节奏快
3 级算式从一位数 ± 滚动到两位数 ±,需要记前 3 轮
5 级算式多样,记忆窗口适中
10 级第 11 轮就要回忆第 1 轮(一位数 ±),第 30 轮要回忆第 20 轮(混合运算)— 心算 + 工作记忆双重压力

操作​

操作桌面端移动端
拼答案直接敲数字键 / Backspace 删除 / Esc 清空 / Enter 提交点击 0-9 数字键 · ⌫ 退格 · C 清除
进入下一题下一题 按钮 / Enter下一题 按钮

数字键盘按钮高 60px(移动端 52px),大触控目标,方便单手操作。

视觉设计​

按 Claude 设计系统重做:

  • 暖米色画布 #faf9f5(不用纯白)
  • Cormorant Garamond 衬线(Copernicus 替身)做算式 display,weight 500、负字距
  • Inter 正文 + JetBrains Mono 数字答案展示
  • 珊瑚色 CTA #cc785c 仅用在主按钮(开始挑战 / 下一题 / 再来一局)
  • 深海军回顾面板 #181715 在失败结算页单独成段(cream → dark 节奏)
  • 选中难度用墨色填充(ink),不抢主 CTA 的戏
  • 无阴影,靠色块对比分层

反馈设计​

  • 倒计时:算式卡顶部右侧,🕐 + JetBrains Mono 等宽数字
    • ≤30s 变琥珀色(warning) · ≤10s 变红色 + 1s 脉冲(critical)
  • 答对时输入框变绿色 + 反馈行显示 ✓ 答案正确,350ms 后进入下一题
  • 答错时输入框变红色 + 反馈行显示正确答案,950ms 后跳转到结算页
  • 时间到时反馈行显示 ⏰ 时间到,副标题改为 "X:XX 用尽,答对 X 轮"
  • 永远不揭示当前轮算式的答案——你只通过后续回忆题"间接"知道自己这一轮算对了

技术实现​

  • 纯静态 — 单文件 HTML + CSS + 原生 JavaScript,无任何依赖
  • 离线可用 — 关闭网络也能玩(字体通过 Google Fonts CDN,预加载可断网时使用 fallback)
  • 状态持久化 — localStorage 按级别存历史最佳
  • 响应式 — 桌面与移动端统一布局,键盘输入与触摸输入双通道
  • 生成式题库 — 每次开局随机,无重复