Flea Game是一个基于Web技术的小游戏合集项目,旨在提供一系列简单有趣、易于访问的浏览器游戏。每个游戏都使用纯HTML、CSS和JavaScript实现,无需安装,打开浏览器即可游玩。
| 游戏 | 描述 | 开发难度 | 游戏难度 | 状态 |
|---|---|---|---|---|
| 数独 | 经典数字逻辑游戏,支持多难度级别和游戏存档 | 🛠️🛠️🛠️ | 🎮🎮🎮 | ✅ 已完成 |
| 2048 | 数字合并游戏,看看你能达到多高的分数 | 🛠️🛠️ | 🎮🎮 | ✅ 已完成 |
| 贪吃蛇 | 经典贪吃蛇游戏,考验你的反应能力 | 🛠️🛠️ | 🎮 | ✅ 已完成 |
| 记忆翻牌 | 考验记忆力的翻牌游戏,找出所有配对 | 🛠️ | 🎮🎮 | ✅ 已完成 |
| 扫雷 | 经典的逻辑推理游戏,小心地雷 | 🛠️🛠️🛠️ | 🎮🎮🎮 | ✅ 已完成 |
| 俄罗斯方块 | 经典的方块堆叠游戏,挑战你的空间思维 | 🛠️🛠️🛠️ | 🎮🎮🎮 | ✅ 已完成 |
| 五子棋 | 经典的策略对战游戏,五子连珠获胜 | 🛠️🛠️🛠️ | 🎮🎮🎮🎮 | ✅ 已完成 |
| 消消乐 | 经典的三消游戏,连接相同元素获得高分 | 🛠️🛠️ | 🎮🎮 | 🚧 开发中 |
- 🛠️ 入门级:基础DOM操作,简单逻辑
- 🛠️🛠️ 进阶级:需要一定算法基础,状态管理相对简单
- 🛠️🛠️🛠️ 复杂级:需要较复杂的算法,状态管理有一定难度
- 🛠️🛠️🛠️🛠️ 专家级:需要复杂算法和数据结构,状态管理复杂
- 🎮 入门级:规则简单,容易上手
- 🎮🎮 基础级:需要基本策略思维
- 🎮🎮🎮 进阶级:需要较强的思维能力和技巧
- 🎮🎮🎮🎮 专家级:需要深度思考和复杂策略
- 克隆项目
git clone https://github.com/huazie/flea-game.git
cd flea-game- 安装依赖
npm install- 启动开发服务器
# 普通模式
npm start
# 开发模式(禁用缓存)
npm run devflea-game/
├── assets/ # 静态资源
│ ├── css/ # 样式文件
│ ├── js/ # JavaScript文件
│ └── images/ # 图片资源
├── config/ # 配置文件
│ └── games.json # 游戏配置
├── shudu/ # 数独游戏
├── 2048/ # 2048游戏
├── snake/ # 贪吃蛇游戏
├── memory/ # 记忆翻牌游戏
├── minesweeper/ # 扫雷游戏
├── tetris/ # 俄罗斯方块游戏
├── gomoku/ # 五子棋游戏
├── match3/ # 消消乐游戏
└── index.html # 入口页面- 前端:HTML5, CSS3, JavaScript (ES6+)
- 存储:LocalStorage (游戏进度保存)
- 响应式设计:适配桌面和移动设备
我们欢迎各种形式的贡献,无论是新游戏、功能改进还是bug修复:
- Fork 项目
- 创建特性分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 打开 Pull Request
- 在
config/games.json中添加游戏配置:
{
"id": "game-id",
"name": "游戏名称",
"description": "游戏描述",
"link": "game-folder/index.html",
"status": "active",
"images": {
"light": "assets/images/game-light.png",
"dark": "assets/images/game-dark.png"
}
}-
创建游戏目录和文件
- 在项目根目录创建新的游戏文件夹
- 实现游戏逻辑和界面
- 添加游戏专属README.md
- 更新主README.md中的游戏列表
- 提交Pull Request
-
更新游戏图标和预览图
本项目基于 MIT 许可证开源 - 查看 LICENSE 文件了解更多细节
感谢所有为这个项目做出贡献的开发者和游戏爱好者。
