👻 小鬼消消乐游戏

一个使用纯HTML、CSS和JavaScript开发的有趣消消乐游戏！

🎮 游戏特点

• ✨ 精美界面：现代化渐变设计，流畅动画效果
• 🎯 经典玩法：交换相邻方块，消除3个及以上相同小鬼
• 💯 计分系统：消除越多，得分越高，连击加成
• 🎪 多种小鬼：6种不同表情的可爱小鬼角色
• 💡 智能提示：卡住了？使用提示功能找到可移动的方块
• 📱 响应式设计：支持手机和平板设备
• 🎊 粒子特效：消除时的爆炸粒子动画
• 🔊 音效系统：选中、消除、胜利等多种音效，可一键开关

🚀 快速开始

方法一：直接打开（最简单）

1. 下载所有文件到同一个文件夹
2. 双击 index.html 文件
3. 游戏将在浏览器中自动打开
4. 开始游戏！

方法二：使用本地服务器

如果你想使用本地服务器运行：

# 使用Python 3
python3 -m http.server 8000

# 或使用Python 2
python -m SimpleHTTPServer 8000

# 然后在浏览器访问
# http://localhost:8000

🎯 游戏规则

1. 目标：在限定移动次数内达到目标分数（1000分）
2. 操作：点击一个方块，再点击相邻的方块进行交换
3. 消除：3个或更多相同小鬼连成一线即可消除
4. 得分：
   • 消除3个：30分
   • 消除4个：80分
   • 消除5个及以上：更高分数和连击加成
5. 移动次数：初始30次，用完游戏结束
6. 过关条件：达到1000分即可过关

🎨 游戏角色

游戏包含6种可爱的小鬼角色：

• 👻 经典幽灵
• 👹 红色小鬼
• 👺 紫色天狗
• 🤡 小丑
• 🎃 南瓜灯
• 😈 调皮魔鬼

💻 技术实现

技术栈

• HTML5：游戏结构
• CSS3：样式和动画（使用CSS Grid布局）
• JavaScript ES6+：游戏逻辑（面向对象设计）

核心功能

• ✅ 8x8游戏网格
• ✅ 智能初始化（确保初始棋盘无匹配）
• ✅ 流畅的交换动画
• ✅ 自动检测匹配（水平/垂直）
• ✅ 重力系统（自动下落补充）
• ✅ 连锁消除
• ✅ 粒子爆炸效果
• ✅ 提示系统
• ✅ 胜负判定

文件结构

cursor-game/
├── index.html      # 游戏主页面
├── style.css       # 样式和动画
├── game.js         # 游戏逻辑
├── audio.js        # 音效管理器
└── README.md       # 说明文档

🎮 操作指南

• 鼠标点击：选择和交换方块
• 新游戏按钮：重新开始游戏
• 提示按钮：显示可能的移动提示
• 音效按钮：开启/关闭游戏音效（🔊/🔇）

🔧 自定义配置

你可以在 game.js 文件的开头修改游戏配置：

const CONFIG = {
    BOARD_SIZE: 8,          // 棋盘大小（8x8）
    GHOST_TYPES: [...],     // 小鬼类型（可以添加更多emoji）
    INITIAL_MOVES: 30,      // 初始移动次数
    TARGET_SCORE: 1000,     // 目标分数
    MATCH_MIN: 3,           // 最少匹配数量
    ANIMATION_DURATION: 300 // 动画持续时间（毫秒）
};

📝 浏览器兼容性

• ✅ Chrome（推荐）
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ✅ 现代移动浏览器

🎯 未来改进方向

• 添加音效和背景音乐
• 多关卡系统
• 特殊道具（炸弹、彩虹球等）
• 排行榜系统
• 更多小鬼角色
• 难度选择

📄 许可证

本项目仅供学习和娱乐使用。

🎉 开始游戏

现在就打开 index.html，开始你的小鬼消消乐之旅吧！祝你玩得开心！👻