返回

扫雷

基于原生 JavaScript、HTML、CSS 实现的扫雷游戏

技术栈：
查看演示
扫雷

游玩方法

扫雷的规则很简单。盘面上有许多方格，方格中随机分布着一些雷。你的目标是避开雷，打开其他所有格子。一个非雷格中的数字表示其相邻8格中的雷数，你可以利用这个信息推导出安全格和雷的位置。你可以用右键在你认为是雷的地方插旗（称为标雷）。你可以用左键打开安全的地方，左键打开雷将被判定为失败。

特点

  • 基于原生 JavaScript、HTML、CSS 实现扫雷游戏。
  • 所有页面均由 JavaScript 添加，无图片引用。
  • 纯 CSS 实现页面效果（如：与网页背景相同渐变颜色的格子、格子的凸起和凹下、右键标记的旗子效果、右键标记的问号效果）。
  • 使用 Fisher-Yates 洗牌算法使生成的雷均匀分布，提升游玩体验。
  • 除经典 3016、1616、9*9 模式外，用户可自定义游戏宽高。
  • 使用事件绑定、事件委托精确定位用户操作的 DOM 元素，并能确保用户第一次点击格子后展开格子。
  • 通过递归实现数字为 0 的格子的批量展开，并能实现九宫格内递归展开。