微信小游戏开发实战2-使用表格处理数据

612 阅读6分钟

这是“微信小游戏开发实战“系列的第 2 篇,这个系列中我们会从 0 开始,制作出一个 1010 游戏。

如果你对游戏开发没有任何经验,可以阅读我的“人人都能做游戏”系列教程,它能手把手的带你做出自己的第一个微信游戏。

教程中所使用的小游戏开发工具为微信官方的小游戏制作工具:微信小游戏制作工具

上一节中讲过使用表格来存储和处理游戏中的数据。这一节我们直接上手,学习表格中的数据处理,我们将会实现以下的内容:

  • 创建一个 10 行 10 列(10x10)的表格,默认值都设置为 0
  • 随机的在表格中插入一行数据 1
  • 逐行遍历,找到满足条件的行(即整行的数据都是1)

创建表格

在“数据区”中点击“新建表格”按钮,创建一个叫做“网格”的全局变量。

1.png

2.png

会看到一个表格编辑的窗口,点击“新增行”和“新增列”创建一个 10 行 10 列的表格。

3.png

将所有格子中的数据都设置为“0”,最后看起来应该是这样。

4.png

这样一个10x10的所有默认数据为0的表格就创建好了。

随机在表格中插入一行数据 1

为了方便演示,我在场景中增加了两个按钮,一个叫做“加入一行”,一个叫做“查找匹配”。我们会把插入逻辑和查找逻辑分别放在对应的按钮对象上。

你可以对照着下图添加你的素材。

5.png

在“加入一行”对象上创建两个局部变量:行号和列号。

6.png

接着,我们直接看代码逻辑。

7.png

如果一下看不明白,也无需着急。对着下面的分析再多看几遍。

因为我们的表格一共 10 行,所以这里我们取了 1~10 之间的随机整数,作为将要设置的行,并且将这个数字保存在了局部变量“行号”中(通常对于后续需要用到的数据,都会用局部变量来存储)。循环开始前将列号设置为 1,因为要从第 1 列开始依次向后设置,直到第 10 列。假设随机到了第 1 行后,开始进入循环,首先会将表格中第 1 行第 1 列的数字设置为 1,接着第 1 行第 2 列,直到第 1 行第 10 列后,循环结束。这样第 1 行中所有的 10 个数字就都从 0 变为了 1。

接下来,我们验证一下,点击预览场景右侧的下拉小箭头,选择“调试场景”。

8.png

调试场景像下面这样,你以后会经常用到。点击“系统全局”可以看到我们创建的全局变量“网格”,鼠标移动网格的数据上,会显示当前网格的数据。

9.png

接着点击“加入一行”,可以看到我们为它创建的两个局部变量,“行号”和“列号”。

10.png

现在,点击一下场景中的“加入一行”按钮,你会看到“行号”和“列号”的局部变量发生了变化,当前“行号”为 9,意味着我们随机到了数字 9,即将表格中第 9 行的所有数据设置成了 1。

11.png

看一下系统全局中的网格数据,是否是第9行被设置为了1。

12.png

第 9 行的数据确实都被设置为了 1,证明了我们逻辑没有问题。你可以多点击几次“加入一行”按钮,多设置几行表格数据,在全局变量中查看。

查找满足条件的行

我们的查找逻辑是这样的:从上往下,依次查找表格中的每一行,如果一行中所有的数据都是 1,那么记录一下这一行的行号,直到表格查找结束。

首先,我们创建 4 个局部变量。

13.png

“行号”和“列号”用于循环,“都是1”用来表示当前一行的数据是否都是 1,如果满足条件的话设置为 1,不满足的话设置为 0。

新建一个列表局部变量“匹配行”,用于记录当前满足条件的行号,因为表格中可能会有多行满足条件,所以这里我们使用列表来记录所有满足条件的行号。

下面我们来看一下查找匹配的逻辑:

14.png

这里有一个难点就是“双重循环”,如果你遍历的数据只有一行的话,那么只需要一个循环就可以了,但是,当你要遍历 10 行 10 列的数据时,就需要用到“双重循环”。一个循环用于行,一个循环用于列。它只是看上去复杂,认真的分析一下其实不难理解。

我们从表格的第一行开始检查,想象一下我们从表格中拿出了第一行数据,然后从这一行数据的第一个一直检查到最后一个,看看是否有数字不为 1,只要有一个数字不为 1,就证明这一行不符合条件,就没有必要接着往下检查了。检查完一行后,如果它符合条件我们就把这一行的行号记录下来,放到“匹配行”的列表中。接下来再取出第二行,进行同样的操作,直到取完第十行为止。

点击“调试场景”,检查一下逻辑是否有问题,先点击几次“加入一行”按钮,随机的在表格中加入几行数据。

15.png

接着点击“查找匹配”按钮,选择“查找匹配”,看一下“匹配行”局部变量的数据。

16.png

如图,找到了第7,6,1行是满足条件的。

小提示:因为我们总是在列表中的第1项插入数据,所以最后的结果是[7,6,1],是倒序。真实过程是这样的,检查到第1行满足条件,插入列表,列表变为[1],接着检查到第6行满足条件,插入列表,列表变为[6,1],接着第7行满足条件,插入列表,列表变为[7,6,1]。

总结一下

这一节我们学习了表格的创建,设置,遍历和查找操作。并且学习了使用“调试场景”在游戏运行时查看全局变量和局部变量,来验证逻辑是否正确。

练一下

试着实现在表格中随机加入一列数据的功能,并且在查找时将所有满足条件的行和列都找出来。


如果你对游戏开发感兴趣,想了解更多与游戏开发有关的原创内容和教程,欢迎关注我的公众号:小蚂蚁游戏开发。

如果觉得文章不错,请点个「 」给我点动力,感谢~