基于RPGMakerMV的JavaScript基础-6

来源：互联网发布：国产胖熊熊片数据库编辑：程序博客网时间：2024/06/08 07:43

第六章动态操作事件

第一节扫雷游戏

扫雷游戏是一种比较简单而有趣的游戏，实现起来也简单。
据说有纯事件的实现，然而我们这次再装一个小逼，要实现通过脚本动态的对事件进行操作。
首先是我们的思路：
由js脚本完成逻辑层，即整个扫雷的实现完全由js脚本实现，而地图上的事件仅仅用来做显示和交互（点击）用。
并且，对于地图上的事件变化的控制，也应当由脚本来决定，包括动态生成事件（即根据设定来动态决定格子的数量和雷的数量）。
先准备一张图再说，我们要用行走图的不同方向来表示不同的数字？或者小旗子，然后通过控制事件的方向来改变显示的数字，如图6-1所示。

图6-1

研究Game_Event可知，其显示的图片由_direction和_originalPattern两个属性决定，关系如下表：

→_originalPattern
↓_direction0122空地旗子地雷40（空地）1263458678

第二节系统设计

首先还是老套路，来个命名空间MineSweeping，接下来我们再多添加一个debug用的标志Debug，方便我们区分调试和正式的内容。

接下来是区域的宽度和高度，以及地雷的数量。还有记录地雷分布的数组MineMap（这个数值将在后面被变成二维数组，后面几个也一样），记录玩家清扫过的地雷的记录（即显示在屏幕上的数据的记录）的数组FoundMap，还有将动态生成的事件引用过来保存起来的数组EventMap。
记录游戏状态，方便交互的State，还有左上角第一个事件，也是copy的原型事件的位置。
这些都可以在游戏中用事件里面的脚本控制。如图6-2。

游戏状态的改变我们用Start，Lost，Win三个方法封装起来。如图6-3。

游戏开始后，首先初始化地雷分布，由Math.Random()函数来确定出随机生成的地雷的位置。
接下来，需要写好点击一下（或者叫扫雷一下，对着空白的格子点一下）的方法，即Click（原谅我起名字捉急）。如果点中了雷，那么直接游戏失败，否则，统计一下周围一圈的雷的数量，然后把这个数字记录到FoundMap里面。
这里需要注意的是，如果周围都没有雷，那么我们需要把四周都自动点击（Click）一遍，这是一个递归用法。
然后，是标记（画小旗子，记录一下这里有雷）的方法，即Sign。这个方法比较简单，只需要对于白方块改变状态为被标记状态就好，当然还需要把小旗子标志取消后恢复为白方块。
之后，是扫过一圈，通常用在这个数字旁边插够了小旗子，然后程序帮助你把这个数字周围都点击一遍，即Sweep。以上这几个方法如同6-4。

图6-2

图6-3

图6-4

最后是将扫雷的逻辑操作跟MV的事件绑定在一起，让游戏的图形界面发挥功能。如图6-5，我们用Binding，Recheck和Refresh来完成。
Binding方法将根据设定好的地图大小（扫雷区域的宽和高）复制那个样板事件，并且移动到对应的位置，这里复制事件用的函数来自汪神的思路（我只是大自然的搬运工，以及感谢汪神）。另外还要将生成的事件引用存到我们的EventMap数组里面，方便我们的使用。
之后就是对事件的显示的图像进行操作了，这就是Recheck方法的功能，检测i，j位置处的FoundMap的值，即游戏中地块的状态。然后将对应的EventMap中的事件的_direction和_originalPattern两个属性做出相应的改变。
最终就是Refresh方法，要使得事件的图像跟FoundMap的值一一对应起来，关键在于不断的进行同步，即不断的执行Recheck方法，这就是Refresh方法的功能，显然这需要异步方法进行实现，这里为了方便，就将这个方法放到了MV的并行事件中去执行了。如图6-6。