评论

微信小游戏开发实战10-检查形状

本篇主要内容:1010游戏中的形状检查以及游戏结束的判断。

**这是小蚂蚁游戏开发公众号原创的第44篇,微信小游戏开发实战系列的第10篇,这个系列会带着你从0开始做出一个“1010”类型的游戏。

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

在“1010”游戏中,当网格中再也没有位置安放剩余的形状时,游戏就会结束。为了能够判断当前的形状是否还能够放置到网格中,我们就需要对当前的形状进行检查。

这一节,我们就来实现一下形状的检查以及游戏结束的判定。

如图,当网格中再也没有位置安放剩余的形状的时候,就是游戏结束的时候。

实现思路:每当一个形状被放置到网格中后,就需要对剩余的形状进行一遍检查,检查网格上是否还有能够放置其它形状的位置,如果有的话,则游戏可以继续进行,如果没有任何的位置可以放置剩余的形状,则游戏结束。

下面,我们先看一张图,配合着图片理解一下整个检查的过程。

假设当前网格中的布局如图上所示,“0”的位置表示空白,“1”的位置表示已经填充。我们需要检查当前的“田字”形状是否能够放置到网格中。从左下角开始一行一行的检查,首先会检查红色的框圈出的位置1的四个方块,发现位置1无法放置,接着开始向右挪动一个位置开始检查蓝色位置2的四个方块,发现位置2也无法放置,接着继续向右挪动一格检查,直到检查到位置6,仍然没有可以放置的位置。这样第一行就检查完了,然后接着从第二行开始检查,依旧没有合适的位置,接着第三行,发现第一个绿框圈出的位置可以进行放置,这样整个检查过程就结束了。剩余的位置也无需再进行检查了,因为我们已经知道网格上至少是有一个位置可以安放当前的形状,这样就足够了。

如果整个网格遍历检查完后都没有找到合适的位置,那就意味着当前的形状无效(即无法放置到网格上)。

接着我们就动手实现一下这个形状检查的功能,首先,选择“容器-1”,先为其增加几个新的“局部变量”。

“形状是否有效”来标识当前的形状是否处于“有效状态”,1表示有效,0表示无效。“当前位置是否可放形状”用于在遍历检查中记录检查的结果。“正在删除”用于标识当前的形状是否正在删除,对于正在删除的形状是没有必要进行检查的(后续会有详细解释)。

接着,增加一个新的全局变量“全局-有效形状的数量”,记录当前游戏中有多少个形状是有效的,如果当前网格中还有位置可以放置形状,则我们认为该形状有效,否则的话,该形状无效。

新增一个通知“检查形状”,每当形状的数量发生变化后,我们就发送一下这个通知,通知剩余的形状进行检查。

最后,选择“容器-1”,为其增加如下的积木块。

如图,检查的逻辑,我们在上方已经详细的讲述过。重点在于两个红框框出来的“如果”部分的逻辑,一个判定条件是要将检查范围限定在网格范围之内,一个判定条件是网格的当前位置是否已经被填充了。最后,如果形状有效的话,我们就让其正常显示,如果形状无效的话,降低其透明度,让其变暗,表示当前形状无效。

接着,我们把形状“按下”和“放开”的逻辑做一点儿调整。

如图,增加了一个判定条件,只有当形状有效时,形状才能够被选择和拖动。

最后在“放置形状”逻辑中增加一块新的积木。

如图,在执行真正的删除操作前,先将当前的形状标识为删除状态,这样在进行后续的形状检查时,就不需要再对这个形状进行一次检查了。

我们在什么时机进行形状检查呢?每当一个形状被放置到网格上后,就应该对剩余的形状进行一次检查,所以每当游戏中的形状数量发生变化时,也就是我们执行形状检查的时机。

选择“形状管理”,在“形状数量发生变化”的块中,新增如下的逻辑。

每当形状数量发生变化后,就发送一次“检查形状”的通知,通知剩余的形状进行检查。如果游戏中的有效形状数量为0,则证明游戏结束了,发送一个“游戏结束”的通知。

最后,我在场景中增加了一个简单的游戏结束的界面,当接收到“游戏结束”的通知时就会显示。用于表示游戏结束,点击按钮可以重新开始游戏。逻辑非常的简单,在此就不多做赘述了。

预览一下游戏,看看最后的游戏结束效果。

当把中间的形状放置在网格中后,网格中不再有位置可以放置剩余的两个形状了,剩余的形状失效(变暗),游戏结束,显示游戏结束页面。

总结一下

这一节中我们实现了形状检查的功能,并且增加了游戏结束的判定,这样1010游戏的整体流程算是完整了。

练一下

到此为止整个1010游戏玩法的所有功能我们都已经实现了,你的1010做到哪一步了呢?所有的形状都已经完成了吗? 

本篇内容就到这里了,如果你对微信小游戏开发感兴趣,欢迎关注的微信公众号:小蚂蚁游戏开发。了解更多与游戏开发有关的内容。

如果文章对你有帮助,欢迎点赞鼓励我一下哟!如果有任何的问题,也欢迎给我留言哟!

最后一次编辑于  2021-05-19  
点赞 1
收藏
评论
登录 后发表内容