原生JS 扫雷游戏 自动插旗子 自定义雷区大小 雷数可调
大家好，又见面了，我是你们的朋友全栈君。
能随机背景颜色自动插旗子自定义雷区大小和难度的扫雷游戏
随机变换雷区颜色，以及其它CSS样式，动画效果全是CSS。点击网页上的元素触发游戏事件打开雷区。如果对于一个方格，其周围未打开的方格恰好全都有雷，那么这些雷将全部自动被标记为小红旗，而玩家只需要一直点击雷区直至雷区全被打开并胜利呈现YOU WIN～
没错，全程左键操作。
在地址栏中设置width、height、mines参数来调整游戏难度，这些参数分别对应雷区宽度、高度和难度。
至于游戏本身呢，就是一个HTML文件，浏览器要允许这些陌生的文件中的脚本执行，然后用浏览器打开文件就可以玩啦。正是因为这个因素，不光电脑，手机平板凡是有浏览器并能执行JS的设备都能让这个扫雷跑起来。
游戏里那些彩色的数字们，并不是字，而是SVG图。整个文档中body也就一点点：
<body>
<div class="screen">
<div class="square">
<div id="map">
<!-- 没错，就这 -->
</div>
</div>
</div>
<div id="board"></div>
</body>剩下全是CSS和脚本。启动之后就会往那个叫map的标签里插入一片雷区。
《扫雷》是Microsoft于1992年附带在 Windows 3.1 操作系统中的单机游戏，它通过点击方格并以出现数字来判断附近雷的数量，将全部地雷做上标记即可胜利。最后在2015年7月发布的Windows 10中移除了这个游戏。
但是注意，扫雷中的雷不是地雷。经典扫雷中一不小心点到雷的时候会显示一个黑色带刺球体，那是水雷。从百度上搜索一下地雷，地雷长得像一个圆饼而不是一个球。而水雷的形状虽然也不是一个球，但它至少从前是的，最早的水雷是一个球，扫雷扫的是水雷，而那些插着红旗的土堆也并不是什么土堆，而是露出海面的浮标。玩扫雷的时候想像扫雷艇开着声纳在海面上转来转去吧。
那么扫雷艇难道不应该直接把雷起走么⁉ 🤔
还是不要纠结这些了，下载代码💾并打开它，开始打游戏吧。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/132613.html原文链接：https://javaforall.cn
腾讯云开发者
