一个纯前端的web游戏合集项目，提供多种经典小游戏的在线体验。

• 🎯 纯前端实现，无需后端服务器
• 📱 响应式设计，支持桌面端和移动端
• 🎨 现代化深色主题UI设计
• ⚡ 轻量级，加载速度快
• 🔧 易于扩展，可随时添加新游戏

• 贪吃蛇 - 经典街机游戏，控制小蛇吃食物
• 俄罗斯方块 - 消除方块，挑战高分
• 2048 - 数字合并，达到2048
• 飞翔小鸟 - 点击屏幕，避开障碍物
• 拼图游戏 - 移动拼图块，还原图片
• 记忆卡片 - 翻开卡片，找到相同图案

miniGame/
├── index.html              # 主页面
├── css/
│   └── style.css          # 主样式文件
├── js/
│   └── main.js            # 主JavaScript文件
├── assets/
│   └── images/
│       └── placeholder.svg # 占位符图片
├── games/                 # 游戏目录
│   ├── snake/            # 贪吃蛇游戏
│   ├── tetris/           # 俄罗斯方块游戏
│   ├── 2048/             # 2048游戏
│   ├── flappy-bird/      # 飞翔小鸟游戏
│   ├── puzzle/           # 拼图游戏
│   └── memory/           # 记忆卡片游戏
└── README.md             # 项目说明

1. 克隆或下载项目

   git clone <repository-url>
   cd miniGame

2. 启动本地服务器

   使用Python（推荐）:

   # Python 3
   python -m http.server 8000
   
   # Python 2
   python -m SimpleHTTPServer 8000

   或使用Node.js:

   npx http-server

3. 打开浏览器访问

   http://localhost:8000
   

将项目文件上传到任何支持静态文件的web服务器即可。

• 深色主题: 专为游戏体验优化的深色配色方案
• 渐变效果: 使用CSS渐变创造现代感视觉效果
• 悬停动画: 丰富的卡片交互动画
• 响应式布局: 自适应不同屏幕尺寸
• 无障碍访问: 支持键盘导航和屏幕阅读器

• HTML5: 语义化标签和现代HTML特性
• CSS3: CSS Grid、Flexbox、变量、动画
• JavaScript ES6+: 模块化代码和现代JS特性
• SVG: 矢量图标和占位符图片

1. 在 games/ 目录下创建新的游戏文件夹
2. 在游戏文件夹中创建 index.html 作为游戏入口
3. 在 js/main.js 的 games 对象中添加游戏配置
4. 在首页HTML中添加对应的游戏卡片
5. 在 assets/images/ 中添加游戏缩略图

• 添加游戏分类和筛选功能
• 实现游戏搜索功能
• 添加游戏评分和收藏功能
• 支持游戏全屏模式
• 添加键盘快捷键支持
• 实现游戏进度保存功能

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

欢迎提交Issue和Pull Request来改进项目！

享受游戏乐趣！ 🎮✨