资源语言:
html+js+css
资源描述:
html实现扫雷小游戏源码,
1.实现鼠标划过每一个格子改变格子。
2.实现随机生成指定数量的雷。
3.实现点击打开雷。显示周围雷的数量。如果雷的数量为0。则用一个递归计算这个雷周围8个格子里有没有周边雷数量为0的格子,如果有,再计算这个格子周围。。。直到把相连的所有周边雷数量为0的格子找出来,放入一个数组。然后再把这个数组里所有格子以及它们周围的8个格子显示出来,显示每个格子周围雷的数量 。雷的数量用不同颜色。
4.实现被打开过的格子或被标记过的格子,鼠标滑动不变化。
5.实现右键标记雷。用旗子或问号。屏蔽网页原本的右键事件。
6.实现第一次点击不为雷。
7.实现周围雷的数量的标记。
8.实现双键同击事件。如果周边雷的数量等于周边标记的数量,就把周边没有打开没有标记的点开。不等于就动态展现周边剩下哪几个没打开的。
9.实现扫雷失败后标记错误的雷。
玩法描述:
《扫雷》是一款大众类的益智小游戏,游戏规则是在最短的时间内,根据点击格子出现的数字找出所有非雷格子,同时避免踩雷,踩到一个雷即全盘皆输,但许多玩过扫雷的人却仍然有一些规则不明白。
左键单击
在判断出不是雷的方块上按下左键,可以打开该方块。如果方块上出现数字,则该数字表示其周围3×3区域中的地雷数(一般为8个格子,对于边块为5个格子,对于角块为3个格子。所以扫雷中最大的数字为8);如果方块上为空(相当于0),则可以递归地打开与空相邻的方块;如果不幸触雷,则游戏结束。
标记
在判断为地雷的方块上按下右键,可以标记地雷(显示为小红旗),重复一次或两次操作可取消标记。
双击
同时按下左键和右键完成双击,当双击位置周围已标记雷数等于该位置数字时操作有效,相当于对该数字周围未打开的方块均进行一次左键单击操作。地雷未标记完全时使用双击无效。若数字周围有标错的地雷,则游戏结束,标错的地雷上会显示一个“ ×”。 小伙伴,你扫雷是否成功过呢?
资源使用:
点击 index.html 直接查看效果
- 1
- 2
前往页