一个完全用HTML5技术开发的黄金挖矿游戏,兼容2024年主流浏览器环境。
index.html
- 游戏主页面game.js
- 游戏核心逻辑levelGenerator.js
- 关卡生成器test.html
- 关卡生成器测试页面
- 点击屏幕控制钩子挖掘黄金和宝石
- 不同类型的矿物有不同的价值和重量
- 在限定时间内达到目标金额即可过关
- 黄金 💰 - 价值 $50-120,重量适中
- 钻石 💎 - 价值 $200-300,重量较轻
- 石头 🪨 - 价值 $10-20,重量较重
- 炸弹 💣 - 价值 -$100,会造成损失
- 神秘物品 ❓ - 价值 $0-500,惊喜或惊吓
- 黑暗事件 🌑 - 屏幕部分变暗,增加难度
- 鹦鹉事件 🦜 - 鹦鹉会给出提示或误导
游戏包含一个高级关卡生成器,遵循以下规则:
- 画布大小: 768×1024 像素
- 钩子起始位置: (384, 120)
- 目标金额: $700-1200 + 难度加成
- 时间限制: 55 + 难度×5 秒
- 矿物位置: X∈[60,708], Y∈[300,950]
- 智能难度调节
- 矿物分布平衡
- 特殊事件触发
- JSON5格式导出
- 关卡数据验证
测试通过的浏览器:
- ✅ Chrome 120+
- ✅ Firefox 120+
- ✅ Safari 17+
- ✅ Edge 120+
- 完全响应式设计
- 触摸屏操作支持
- 自适应不同屏幕尺寸
- 下载所有文件到同一目录
- 用浏览器打开
index.html
- 点击"开始游戏"按钮
- 打开
test.html
- 调整难度参数
- 点击"生成关卡"查看结果
- 可导出JSON格式的关卡数据
- 鼠标点击 / 触摸屏幕 / 空格键 - 释放钩子
- 钩子会自动摆动,选择合适时机释放
- 钩到矿物后会自动收回
- 重量越大的矿物收回越慢
- 成功挖到矿物获得相应金额
- 达到目标金额过关
- 炸弹会扣除金钱
- 每关目标金额递增
- 时间限制适度延长
- 矿物分布更加复杂
- 特殊事件概率提升
- 纯HTML5技术,无需插件
- Canvas 2D渲染
- ES6+ JavaScript语法
- 模块化代码结构
- 面向对象设计
- 完整的错误处理
- 渐变背景和光影效果
- 粒子系统支持
- 流畅的动画过渡
- 材质质感渲染
- 响应式UI设计
GoldMinerGame (主游戏类)
├── 游戏状态管理
├── 钩子控制系统
├── 矿物生成和碰撞检测
├── 渲染引擎
└── 事件处理
LevelGenerator (关卡生成器类)
├── 参数验证
├── 智能算法
├── 数据导出
└── 兼容性检查
- 支持自定义矿物类型
- 可添加新的特殊事件
- 关卡数据完全可配置
- 支持插件式功能扩展
本项目仅供学习和娱乐使用。
立即打开 index.html
开始你的黄金挖矿之旅!