Slope Rig 斜板引球

• 双击 build/index.html
• 顶部绿色 BALL 点是出生位置，底部金色 GOAL 是篮筐
• 在画布任意位置 按住拖拽 → 画出一条橙色斜板
• 板数达上限就不再让画；点击已画板 = 删除重画
• 按底部 GO ▶ → 球从绿点掉下来，碰板反弹，目标进金筐
• 进了 → PERFECT! → 按 NEXT ➜ 下一关；没进 → MISSED → 按 RESET 重排
• 全 6 关通完 = 通关

右下 2× OFF/ON：开启模拟 2 倍速（编辑模式无效）

• 左 LEVEL X/6：当前关
• 中 0 / N 板：已用板 / 最大板数
• 右 EDIT / SIM：模式标签（橙=编辑 / 绿=模拟）
• 顶部一行 tip 是本关提示

• 球落入篮筐 → PERFECT! 金色蒙板 + NEXT 亮
• 球出屏 4 边 → MISSED · 球出屏
• 球停在某板上速度 < 0.35 px/帧 持续 4 秒 → STUCK · 球卡住
• 全 6 关都通 → 在第 6 关完成后多一行 通关 · 你赢了全部 6 关

PHYS.g          = 0.30   // 重力加速度
PHYS.restitution = 0.62  // 板弹性（0=粘, 1=完全弹）
PHYS.friction   = 0.86   // 每次反弹的能量损失
PHYS.wallRest   = 0.5    // 固定墙弹性（更弱，避免在墙之间无限弹）
PHYS.minSpeed   = 0.35   // 静止阈值
PHYS.stuckFrames = 240   // 240 帧 = 4 秒（60fps）

LEVELS[] 数组每项含：

• spawn:{x,y} 出生点
• basket:{x,y,w,h} 篮筐矩形
• walls:[{x,y,w,h},...] 固定不可删墙
• maxBoards 玩家可放置板上限
• tip 中文提示

新增 / 调整关卡只需在数组里加 / 改对象。

• 513 系列前 60 个原型全部为「单阶段实时」（操作即反馈）
• 两阶段 loop 完全空白：编辑 → 模拟 → 看结果 → 重排，这是 Incredible Machine / Crayon Physics / Brain It On! 品类的核心循环
• 该 loop 的爽点路径与其他原型完全不同：
• 其他原型：操作 → 即时反馈 → 复购
• 本作：思考 → 编辑 → 等待模拟 → 进/不进 → 想出更优解 → 重排
• 这种「思考密集 + 模拟揭晓」节奏适合 3-5 分钟一关、关后即满足，与 hyper-casual 的快爽形成代际差异

• 与 03-color-trace（按住拖染路径）大类同（按住拖拽）但实质完全不同：
• 03：连续轨迹采样（每帧位置都记录，得到曲线）
• 本作：只记起点 + 终点（得到直线段）
• 与 27-hex-match（拖块到网格）大类同但实质完全不同：
• 27：拖一个离散块放到格子（位置量化）
• 本作：拖出一条线段（任意角度任意长度连续）
• 拖拽两点定线段是 Crayon Physics 直系，但本作避开「曲线画线」（更简单的反射几何 = 玩家心智模型更清晰）

• 513 系列已有反弹相关原型：
• 10-brick-paddle：球-砖块矩形碰撞 + 简单上下反弹
• 05-hex-bounce：六向反弹（射击方向）
• 20-flip-ball：双弹板上抛
• 但自由几何反射 + 持续重力 + 摩擦衰减（即真正的「2D rigid body」感）513 首次
• 这套物理与玩家画的板完全耦合：玩家可以画任意角度的板，看到任意角度的反射 = 物理是玩家创造的而非内置关卡
• 该 action 的可玩性是「物理一致性」给的：因为重力 + 反射规则简单可预测，所以玩家能事前推理「我画这条板球会被弹到哪」

物理常数

关卡难度曲线

板数限制 = 解谜深度

不限板数 = 玩家可堆 100 块板暴力解 = 失去解谜趣味。

强制上限 = 玩家必须思考最优配置。

• 关 1：球从 (120, 60) 落，画一条 (180, 300)→(380, 460) 的右下斜板，球弹到右下落入篮筐
• 关 3：球从 (80, 60) 落，竖墙挡在 (220, 200-420)，玩家需要：
• 板 A 在 (60, 200)→(200, 300)：把球弹到右上方（绕过竖墙顶）
• 板 B 在 (340, 350)→(440, 450)：把球弹到底部右下篮筐
• 关 6：双层窗最骚解法是「球-板-窗-板-窗」垂直 3 段，每段都对准窗中心

• 背景渐变深蓝：让金色篮筐与橙色板视觉跳出
• 球留拖尾：14 帧 alpha 衰减位置队列 → 玩家看清反弹路径
• 板用粗橙线 + 圆头：圆头提示「可点击删除」+ 圆润感
• 编辑预览板用虚线：与已落地的实线区分
• 篮筐呼吸光晕：sin 波 alpha 0.65-1.0 → 永远是视觉中心
• 碰撞粒子：6 板 / 4 墙 个 → 反馈到位但不过载
• PERFECT 通关爆 32 粒：金 / 橙 / 绿 三色随机 → 庆祝感强烈

• HUD 右侧的 EDIT / SIM pill 颜色不同：
• EDIT：橙色背景（与板同色 = 编辑期）
• SIM：绿色背景（与球同色 = 模拟期）
• 模式切换瞬间整个画面"情绪"变化，玩家明显感到「我现在不能再画了」

• 球出屏 4 边：判 LOSE（包括上边，避免反弹太疯飞出顶部后挂起）
• 球卡住（速度持续 < 0.35）：240 帧后判 LOSE（避免无限等待）
• 画太短的板（拖动距离 < 30 px）：判定为"点击删除"，不当板放置
• 板数达上限再画：忽略 + flashTip 提示
• WIN 后再 Space：被 disabled 拦截

• ✅ node --check 通过（从 src/index.html <script> 块抽取后检查）
• ✅ src/index.html ≡ build/index.html（SHA256 EA0E2554D5E78C5CDBB6A811667D044378F073BFC30AE7BC1E87B0EAB90E29CC 一致）
• ✅ 单文件 445 行（HTML + CSS + JS 全内联），无外部 CDN、无外部资产
• ✅ 离线可玩（双击 build/index.html 即可）
• ⚠️ 无法在 headless 浏览器实际试玩 → 以下试玩推演基于代码行为审查（按 acceleration_rules 自测要求标注）

第一个 30 秒（关 1 加载 + 第 1 次画板）

• 打开 → 看到深蓝渐变背景，左上绿色 BALL ↓，右下金色 GOAL
• tip 显示 "画一条斜板把球弹进右下篮筐"
• 玩家试着在画布按住拖动 → 立刻看到橙色虚线预览
• 松开 → 虚线变实线，HUD 板数从 0 / 1 变 1 / 1
• 按 GO ▶ → 模式变 SIM，球从绿点掉下来
• 球碰板 → 反弹 + 橙色粒子 + 改方向 → 弹向右下
• 如果运气好 → 进金筐 → PERFECT! 金色字 + 32 粒爆炸
• 如果没进 → MISSED · 球出屏 → 按 RESET → 回 EDIT → 重画
• ✅ 30 秒内玩家完整体验了 1 次「画→GO→看物理→进/重排」循环

第 1-3 关（学习期）

• 关 1：1 块板就能解 → 学到「板的角度决定反弹方向」
• 关 2：横挡板挡住直线下落 → 学到「拐弯 = 2 块板组合」
• 关 3：竖墙隔开 → 学到「绕过 = 不一定走最短路径」
• ✅ 三关下来玩家掌握了核心物理直觉

第 4-6 关（深度期）

• 关 4：中央窗口，球必须垂直对准 → 学到「精准 = 板放置位置很关键」
• 关 5：双重折弯 → 学到「多板组合 = 每板都贡献一段路径」
• 关 6：双层窗（要穿过 2 个窗）→ 最骚解法发现 → 极强成就感
• ✅ 难度梯度自然

失败时刻心情

• MISSED · 球出屏：看到球飞出去 → 心想「下次应该把板再放低 / 角度小一点」→ 学到经验
• STUCK · 球卡住：看到球停在某块板上 → 心想「这块板太平了 / 摩擦消耗光了」→ 调整板倾角
• 失败成本低（RESET 1 秒回编辑），不挫败

第二局动机

• 想 1 次通关每关：「这关我能不能用 2 板代替 3 板」
• 想最优解：「这关最少几板能解」
• 想分享：截图分享「我的解法」给朋友

综合 8.5/10 → 判 GO

• 无声 → 设计选择（acceleration_rules 不强求；后续可加 WebAudio 反弹音）
• 无关卡选择菜单 → 必须线性玩；后续可加
• 无撤销 → 删除已经够用，但若想试错复杂关，撤销更顺
• 物理可能在极端角度下出现穿板（球速 > 板厚 7 的瞬时）→ 实测中关 1-6 的速度域内未观察到（球初速 0、最大速度 < 12 px/帧 < 9 px 半径）
• 关 6 最难 → 完成度低的玩家可能卡死；后续可加「跳过本关」按钮 / 提示

• 加 WebAudio 反弹音（不同板长度对应不同 pitch）
• 加「最少板数」记录（localStorage 存）
• 加 hint 系统（卡 3 次后亮一个虚线提示板）
• 加可旋转矩形障碍（让墙也可以斜，增加难度变化）