一个基于React的网页游戏，测试玩家的颜色感知能力。在网格中找到不同颜色的方块，挑战你的视觉敏锐度！

• 渐进式难度: 随着关卡提升，颜色差异逐渐减小，挑战你的视觉极限
• 实时排行榜: 与全球玩家竞争，查看历史最高分和每日排行榜
• 成就系统: 解锁各种成就，记录你的游戏里程碑
• 响应式设计: 支持桌面和移动设备，随时随地享受游戏
• 深色模式: 支持明暗主题切换，保护你的眼睛
• 音效系统: 丰富的音效反馈，提升游戏体验

1. 目标: 在颜色网格中找到与其他方块颜色不同的那个
2. 尝试次数: 每关有3次尝试机会
3. 难度递增:
   • 颜色差异随关卡逐渐减小
   • 第30关后开始有时间限制
   • 时间限制从100秒开始，每10关减少10秒，最少10秒
4. 计分: 根据达到的关卡数计算分数

• 前端框架: React 18
• 样式: Tailwind CSS
• 构建工具: Babel Standalone
• 音效: Web Audio API
• 数据存储: LocalStorage + 远程API
• 部署: 静态网站托管

ColorFinding/
├── app.js                 # 主应用入口
├── index.html            # HTML模板
├── components/           # React组件
│   ├── start/           # 开始界面组件
│   ├── game/            # 游戏核心组件
│   ├── leaderboard/     # 排行榜组件
│   └── ...              # 其他UI组件
├── hooks/               # 自定义React Hooks
├── utils/               # 工具函数
│   ├── colorUtils.js    # 颜色生成逻辑
│   ├── gameUtils.js     # 游戏规则逻辑
│   ├── leaderboardAPI.js # 排行榜API
│   └── ...              # 其他工具函数
└── styles/              # 样式文件

1. 克隆项目

   git clone [项目地址]
   cd ColorFinding

2. 启动本地服务器

   # 使用Python
   python -m http.server 8000
   
   # 或使用Node.js
   npx serve .
   
   # 或使用Live Server (VS Code扩展)

3. 打开浏览器 访问 http://localhost:8000

访问 Color Find 游戏 立即开始游戏！

• 基于HSL颜色空间
• 智能难度调节：色相、饱和度、亮度差异
• 指数衰减算法确保平滑的难度曲线

• 实时分数更新
• 历史最高分记录
• 每日排行榜
• 百分位排名计算

• 分数验证
• 异常检测
• 重试机制

• 关卡里程碑
• 特殊成就解锁
• 成就弹窗展示

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

1. Fork 项目
2. 创建功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开 Pull Request

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情

• 使用 Trickle AI 构建
• 感谢所有测试玩家和贡献者

• 游戏链接: Color Find
• 问题反馈: 通过GitHub Issues提交

挑战你的颜色感知能力，看看你能达到多高的关卡！ 🎯