微信小游戏开发实战10:检查形状
  nYrzcJimKxjR 2023年11月02日 82 0

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

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

微信小游戏开发实战10:检查形状_学习做游戏

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

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

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

微信小游戏开发实战10:检查形状_游戏开发_02

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

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

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

微信小游戏开发实战10:检查形状_游戏开发_03

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

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

微信小游戏开发实战10:检查形状_学习做游戏_04

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

微信小游戏开发实战10:检查形状_游戏开发_05

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

微信小游戏开发实战10:检查形状_游戏开发_06

微信小游戏开发实战10:检查形状_游戏开发教程_07

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

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

微信小游戏开发实战10:检查形状_游戏开发教程_08

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

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

微信小游戏开发实战10:检查形状_游戏开发教程_09

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

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

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

微信小游戏开发实战10:检查形状_学习做游戏_10

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

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

微信小游戏开发实战10:检查形状_游戏开发教程_11

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

微信小游戏开发实战10:检查形状_学习做游戏_12

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

总结一下

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

练一下

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


我是会做游戏也会教你做游戏的小蚂蚁,想学习做游戏的话,关注我就对啦!欢迎关注公众号【小蚂蚁教你做游戏】,领取全网最全的微信小游戏开发原创教程资料。

微信小游戏开发实战10:检查形状_学习做游戏_13

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

nYrzcJimKxjR