请开发一个网页版黄金矿工小游戏,具体需求如下:
- 玩家通过操作采矿钩抓取地下的黄金、石头、钻石等物品获取分数
- 每局有时间限制,在规定时间内达到目标分数即可通关
- 不同物品有不同价值和重量(如:钻石价值高重量轻,大石头价值低重量重)
- 包含道具系统(如炸药可清除抓取的重物、加速药剂可提升钩子回收速度、时钟可增加时间)
- 使用HTML、CSS、JavaScript作为核心开发语言
- 结合Tailwind CSS实现响应式布局和现代UI设计
- 可使用Font Awesome提供图标支持
- 无需依赖额外游戏引擎,原生JS实现游戏逻辑
- 游戏主区域:显示矿场背景、可移动的采矿架、摆动的采矿钩、地下的各类物品
- 信息面板:
- 当前分数显示
- 目标分数显示
- 剩余时间倒计时
- 当前关卡显示
- 控制区:开始游戏、暂停/继续、重新开始按钮
- 辅助界面:
- 游戏开始前的说明界面
- 通关/失败的结果界面
- 道具使用提示
- 鼠标点击(或触摸屏幕)控制采矿钩放下,松开时钩子开始回收
- 钩子接触物品时自动抓取,根据物品重量影响回收速度
- 物品被成功回收后增加对应分数
- 时间归零时未达到目标分数则游戏结束
- 通关后进入下一关,难度递增(如时间缩短、高价值物品减少、重物增多)
- 采矿钩摆动的物理动画效果
- 钩子放下与回收的平滑动画
- 物品被抓取时的视觉反馈
- 分数增加时的数字跳动动画
- 时间倒计时的动态效果
- 通关/失败的过渡动画
- 道具使用时的特效
- 记录并显示玩家的历史最高分
- 游戏音效(抓取、回收、得分、失败等场景,可设置开关)
- 移动端适配,支持触摸操作
- 简单的游戏设置(如音效开关、难度选择)
请确保代码结构清晰,包含必要注释,便于后续维护和扩展。游戏整体风格应简洁有趣,操作直观易上手。