节奏大师 - Rhythm Master

简介

《节奏大师》是一款键盘节奏游戏，玩家需要在正确的时机按下对应的按键（↑↓←→空格），跟随音乐节奏击打落下的音符。游戏拥有完善的判定系统、连击机制、多难度等级和排行榜功能。

何时使用此 Skill

• - 用户说我想玩节奏游戏、来玩音游、测试手速
• 用户想要类似 QQ炫舞、osu!、太鼓达人 的游戏体验
• 用户想玩需要反应速度的键盘游戏
• 聚会时需要竞技性小游戏
• 用户明确表示想玩音乐节奏游戏

游戏特色

🎮 核心玩法

• - 5键操作：← ↓ SPACE ↑ →
• 实时判定：PERFECT / GREAT / GOOD / BAD / MISS
• 连击系统：连击越高，得分倍数越高
• 生命系统：MISS会扣除生命，生命归零游戏结束

📊 难度等级

难度	速度	音符密度	适合人群
简单 (EASY)	慢	稀疏	初学者
普通 (NORMAL)

中等 | 中等 | 普通玩家 |

🏆 排行榜系统

• - 本地排行榜：自动保存前100名，使用浏览器 LocalStorage
• 联网排行榜：可扩展至 Firebase/自建服务器（需额外配置）
• 详细统计：保存 PERFECT/GREAT/GOOD/BAD/MISS 数量和最大连击

游戏数据与资源

游戏机制文档

• - references/game_mechanics.md - 完整游戏机制说明

排行榜系统文档

• - references/leaderboard_system.md - 排行榜实现方案

游戏实现

• - assets/rhythm-game.html - 完整的网页版游戏

如何使用

启动游戏

方式一：直接打开 HTML 文件

1. 1. 打开 assets/rhythm-game.html
2. 使用浏览器打开（推荐 Chrome/Edge/Firefox）
3. 选择难度，点击开始游戏

方式二：部署到网页服务器
bash

使用 Python 快速启动本地服务器

访问 http://localhost:8080/rhythm-game.html

方式三：部署到公网

• - GitHub Pages
• Netlify
• Vercel
• Cloudflare Pages

游戏操作

按键布局：

左手区 空格 右手区
┌───┬───┐ ┌───┬───┐
│ ← │ ↓ │ [SPACE] │ ↑ │ → │
└───┴───┘ └───┴───┘
小指 无名指 双手拇指 食指 中指

操作技巧：

1. 1. 保持节奏感：跟着内心默数节拍
2. 预判音符：眼睛看判定线，余光看音符
3. 手位固定：保持手位不要移动
4. 宁可GOOD不断连：保持连击比准确率更重要
5. 放松心态：紧张会影响反应速度

游戏规则

1. 1. 音符下落：音符从上方落下，到达判定线时按键
2. 判定等级：

1. 3. 连击加成：

1. 4. 评级系统（根据准确率）：

游戏流程

1. 主菜单

🎵 节奏大师

[选择难度：简单/普通/困难/专家]

[▶ 开始游戏]
[🏆 排行榜]
[❓ 游戏说明]

2. 游戏界面

得分: 12,500 | 连击: 45 | 生命: ♥♥♥♥♥ | 时间: 45s

[COMBO 显示区域]

← ↓ SPACE ↑ →
○ ○ ○ ○ ○

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[判定线]

【音符从这里落下】

3. 游戏结束

🎉 游戏结束

最终得分: 98,500
评级: S

统计：
PERFECT: 120 | GREAT: 35 | GOOD: 5
BAD: 0 | MISS: 0 | 最大连击: 156

[输入名字保存分数]
[💾 保存分数] [🏆 查看排行榜] [🔙 返回主菜单]

扩展联网排行榜

快速方案：Firebase（推荐）

步骤：

1. 1. 访问 https://firebase.google.com 创建项目
2. 获取配置信息
3. 在 rhythm-game.html 中添加 Firebase SDK
4. 修改保存分数和获取排行榜的函数

代码示例：
javascript
// 保存到云端
async function saveScoreOnline(scoreData) {
const db = firebase.database();
await db.ref(leaderboard).push(scoreData);
}

// 获取排行榜
async function getOnlineLeaderboard() {
const snapshot = await db.ref(leaderboard)
.orderByChild(score)
.limitToLast(20)
.once(value);
return snapshot.val();
}

详细配置请参考 references/leaderboard_system.md

游戏特色功能

视觉效果

• - 🌈 霓虹科技风格 UI
• ✨ 判定结果动态特效
• 🔥 连击数越高背景越华丽
• 💥 MISS时屏幕震动反馈
• 🎨 不同按键不同颜色区分

音效反馈

• - 每个按键有不同的音高
• 判定结果有不同音效
• 连击 milestone 有特殊音效

响应式设计

• - 支持桌面端和移动端
• 自适应不同屏幕尺寸
• 触摸操作支持（移动端）

技术规格

性能要求

• - 目标帧率：60fps
• 输入延迟：<16ms
• 支持浏览器：Chrome 80+, Firefox 75+, Edge 80+, Safari 13+

代码结构

rhythm-game.html
├── HTML 结构
│ ├── 菜单界面
│ ├── 游戏界面
│ ├── 结算界面
│ └── 排行榜界面
├── CSS 样式
│ ├── 霓虹灯主题
│ ├── 动画效果
│ └── 响应式布局
└── JavaScript 逻辑
├── 游戏状态管理
├── 音符生成系统
├── 判定系统
├── 得分计算
└── 排行榜存储

注意事项

键盘兼容性

• - 确保键盘支持多键同时按下（防鬼键）
• 部分笔记本键盘可能有限制
• 推荐使用外接机械键盘获得最佳体验

###