跳一跳

📖 工具说明

1. 玩法

侧视角「跳一跳」：小人站在方块上，蓄力后向右跳到下一个方块。

• 蓄力：按住画布或空格键，蓄力条上涨，蓄得越久跳得越远。
• 起跳：松开，小人沿抛物线跳出。
• 落点判定：
  • 落在下一个方块顶面 → 至少 +1 分，镜头推进到新方块。
  • 落点离方块中心 8px 以内算「完美」，加 2 + 连击数 分，连击 +1。
  • 非完美落地：得 1 分，连击清零。
  • 落空（太短 / 太远 / 掉进缝里）→ 游戏结束。

2. 这个版本

纯前端 canvas，全程本地，不联网。

• 控制：按住画布 / 空格键蓄力，松开起跳；触摸按住任意处同理。空格键在 焦点位于输入框时不触发。
• 难度：简单 / 普通 / 困难，越难方块越小、间距越大；进行中锁定，改难度需先结束当前局。
• 最高分：存本机浏览器，游戏结束自动刷新；也可手动「保存最高分」。
• 导出成绩：把当前分数、最高分、难度、时间导出成一行 CSV。
• 进阶设置：跳力系数（0.3–3，整体缩放跳跃距离）、方块间距偏移（−60~120px）。
• 暂停：游戏中可暂停 / 继续。

3. 操作流程

1. 选难度，点「开始」或直接按住画布。
2. 目测到下一个方块的距离，按住蓄力。
3. 到合适力度松手起跳。
4. 尽量落在方块中心攒连击；落空后点「开始」重来。

4. 小技巧

5. 说明

• 蓄力、抛物线、落点判定、计分都在浏览器本地完成，不联网、不上传。
• 跳跃是固定时长的参数化弧线，不是完整刚体物理；没有粒子特效、没有方块贴图皮肤、没有强制复活。
• 只存一个最高分，没有账号、没有全球排行榜、进度不存档。

相关：横版跳台 · flappy bird · 小球避障 · 画线救小人 · 骰子。

小游戏图一乐，注意休息。

📖 相关推荐