【JS小游戏】游戏编程初体验之扫雷

最新推荐文章于 2022-09-14 21:27:35 发布

花罚

最新推荐文章于 2022-09-14 21:27:35 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 游戏文章标签：游戏编程扫雷 js 随机值 net

本文链接：https://blog.youkuaiyun.com/WuZuoDingFeng/article/details/55517652

前言

昨天接触到一个叫做net的游戏，类似接点灯的那种类型，在一个方阵中随机分配了一些点，然后给了一些管道让玩家将其连通才算过关，完了几把就上瘾了。但是这个游戏是PC端的单机游戏，不方便我在其他地方随时可以玩，于是想自己写一个类似的游戏出来，但是发现自己水平有限，一时没有想出该组合实现管道分布的算法，就只能留着后面慢慢想了，我就退而求其次的写了一个扫雷游戏，也算是进入了游戏这个行业了吧（自我安慰而已啦）。扫雷的游戏相对net来少了那个管道的分布算法，是随机的将雷分不到方阵中，然后由用户一步一步的确定雷的位置。算法相对来说较为简单，具体算法我就不想多做赘述了，在文中末尾记录该小游戏的完整js代码，请各位看官雅正。

界面截图

这里写图片描述

测试demo页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
</head>
<body>
<div>
    <label><span>x:</span><input id="x"/></label>
    <label><span>y:</span><input id="y"/></label>
    <label><span>mine:</span><input id="mine"/></label>
    <input type="submit" id="submit"/>
    <div id="game_container">
    </div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript"