经典小游戏合集

一个包含多种经典小游戏的网页游戏合集，采用暗黑酷炫风格设计。

项目特点

• 🎮 多种经典小游戏
• 🎨 暗黑酷炫的视觉风格
• 📱 响应式设计，支持多种设备
• 🚀 纯前端实现，无需后端
• 💾 本地存储保存游戏记录

项目结构

经典小游戏合集/
├── index.html              # 主页面
├── README.md              # 项目说明文档
├── PROJECT_STRUCTURE.md   # 项目结构说明
├── css/                   # 样式文件
│   ├── style.css          # 主页面样式
│   └── games/             # 游戏样式
│       ├── tetris.css     # 俄罗斯方块样式
│       ├── snake.css      # 贪吃蛇样式
│       └── minesweeper.css # 扫雷样式
├── js/                    # JavaScript文件
│   └── games/             # 游戏脚本
│       ├── tetris.js      # 俄罗斯方块逻辑
│       ├── snake.js       # 贪吃蛇逻辑
│       └── minesweeper.js # 扫雷逻辑
└── games/                 # 游戏页面
    ├── tetris/            # 俄罗斯方块
    │   └── tetris.html
    ├── snake/             # 贪吃蛇
    │   └── snake.html
    └── minesweeper/       # 扫雷
        └── minesweeper.html

游戏列表

1. 俄罗斯方块

经典的方块消除游戏，通过旋转和移动方块来消除整行。

游戏控制：

• ← →：左右移动
• ↑：旋转方块
• ↓：加速下落
• 空格：直接落下
• P：暂停游戏

游戏特点：

• 方块投影显示
• 下一个方块预览
• 等级系统
• 分数和消除行数统计

2. 贪吃蛇

控制小蛇吃食物，不断变长，同时避免撞到墙壁或自己。

游戏控制：

• ↑ ↓ ← →：控制蛇的移动方向
• 空格：暂停/继续游戏

游戏特点：

• 霓虹灯效果
• 等级系统
• 最高分记录
• 随着等级提升，速度加快

3. 扫雷

经典的扫雷游戏，通过翻开格子并标记地雷来找出所有非雷格子。

游戏控制：

• 左键：翻开格子
• 右键：标记地雷

游戏特点：

• 三种难度级别（简单、中等、困难）
• 计时功能
• 剩余地雷数显示
• 游戏记录保存

难度设置：

• 简单：9×9 网格，10个地雷
• 中等：16×16 网格，40个地雷
• 困难：16×30 网格，99个地雷

如何运行

1. 克隆或下载项目到本地
2. 在浏览器中打开 index.html 文件
3. 选择想要玩的游戏

技术栈

• HTML5
• CSS3
• JavaScript (ES6+)
• Canvas API

浏览器兼容性

• Chrome (推荐)
• Firefox
• Safari
• Edge

开发计划

• 添加更多经典游戏
• 添加排行榜功能
• 添加游戏成就系统
• 添加音效和背景音乐
• 优化移动端体验

贡献

欢迎提交问题和拉取请求！

许可证

MIT License

联系方式

如有问题或建议，欢迎联系。