微信小游戏开发10:检查形状
在“1010”游戏中,当网格中再也没有位置安放剩余的形状时,游戏就会结束。为了能够判断当前的形状是否还能够放置到网格中,我们就需要对当前的形状进行检查。
这一节,我们就来实现一下形状的检查以及游戏结束的判定。
如图,当网格中再也没有位置安放剩余的形状的时候,就是游戏结束的时候。
实现思路:每当一个形状被放置到网格中后,就需要对剩余的形状进行一遍检查,检查网格上是否还有能够放置其它形状的位置,如果有的话,则游戏可以继续进行,如果没有任何的位置可以放置剩余的形状,则游戏结束。
下面,我们先看一张图,配合着图片理解一下整个检查的过程。
假设当前网格中的布局如图上所示,“0”的位置表示空白,“1”的位置表示已经填充。我们需要检查当前的“田字”形状是否能够放置到网格中。从左下角开始一行一行的检查,首先会检查红色的框圈出的位置1的四个方块,发现位置1无法放置,接着开始向右挪动一个位置开始检查蓝色位置2的四个方块,发现位置2也无法放置,接着继续向右挪动一格检查,直到检查到位置6,仍然没有可以放置的位置。这样第一行就检查完了,然后接着从第二行开始检查,依旧没有合适的位置,接着第三行,发现第一个绿框圈出的位置可以进行放置,这样整个检查过程就结束了。剩余的位置也无需再进行检查了,因为我们已经知道网格上至少是有一个位置可以安放当前的形状,这样就足够了。
如果整个网格遍历检查完后都没有找到合适的位置,那就意味着当前的形状无效(即无法放置到网格上)。
接着我们就动手实现一下这个形状检查的功能,首先,选择“容器-1”,先为其增加几个新的“局部变量”。
“形状是否有效”来标识当前的形状是否处于“有效状态”,1表示有效,0表示无效。“当前位置是否可放形状”用于在遍历检查中记录检查的结果。“正在删除”用于标识当前的形状是否正在删除,对于正在删除的形状是没有必要进行检查的(后续会有详细解释)。
接着,增加一个新的全局变量“全局-有效形状的数量”,记录当前游戏中有多少个形状是有效的,如果当前网格中还有位置可以放置形状,则我们认为该形状有效,否则的话,该形状无效。
新增一个通知“检查形状”,每当形状的数量发生变化后,我们就发送一下这个通知,通知剩余的形状进行检查。
最后,选择“容器-1”,为其增加如下的积木块。
如图,检查的逻辑,我们在上方已经详细的讲述过。重点在于两个红框框出来的“如果”部分的逻辑,一个判定条件是要将检查范围限定在网格范围之内,一个判定条件是网格的当前位置是否已经被填充了。最后,如果形状有效的话,我们就让其正常显示,如果形状无效的话,降低其透明度,让其变暗,表示当前形状无效。
接着,我们把形状“按下”和“放开”的逻辑做一点儿调整。
如图,增加了一个判定条件,只有当形状有效时,形状才能够被选择和拖动。
最后在“放置形状”逻辑中增加一块新的积木。
如图,在执行真正的删除操作前,先将当前的形状标识为删除状态,这样在进行后续的形状检查时,就不需要再对这个形状进行一次检查了。
我们在什么时机进行形状检查呢?每当一个形状被放置到网格上后,就应该对剩余的形状进行一次检查,所以每当游戏中的形状数量发生变化时,也就是我们执行形状检查的时机。
选择“形状管理”,在“形状数量发生变化”的块中,新增如下的逻辑。
每当形状数量发生变化后,就发送一次“检查形状”的通知,通知剩余的形状进行检查。如果游戏中的有效形状数量为0,则证明游戏结束了,发送一个“游戏结束”的通知。
最后,我在场景中增加了一个简单的游戏结束的界面,当接收到“游戏结束”的通知时就会显示。用于表示游戏结束,点击按钮可以重新开始游戏。逻辑非常的简单,在此就不多做赘述了。
预览一下游戏,看看最后的游戏结束效果。
当把中间的形状放置在网格中后,网格中不再有位置可以放置剩余的两个形状了,剩余的形状失效(变暗),游戏结束,显示游戏结束页面。
总结一下
这一节中我们实现了形状检查的功能,并且增加了游戏结束的判定,这样1010游戏的整体流程算是完整了。
练一下
到此为止整个1010游戏玩法的所有功能我们都已经实现了,你的1010做到哪一步了呢?所有的形状都已经完成了吗?
我是会做游戏也会教你做游戏的小蚂蚁,想学习做游戏的话,关注我就对啦!欢迎关注公众号【小蚂蚁教你做游戏】,领取全网最全的微信小游戏开发原创教程资料。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhicihgc
-
Error in na.fail.default(list(Purchase = c(“CH“, “CH“, “CH“, “MM“, “CH“, : missing values in obj
-
[CTF] python的pip源更改和常用python库
-
LLaMA-2进行微调的FreeWilly2开源语言模型
-
首次vue加载页面,请求两个接口,后者接口需要依赖前者接口的数据去请求接口。
-
MobaXterm 连接服务器过指定连接数量默认14个Warning: you have reached the maximum number of saved sessions for the
-
C# excel的数据导入到数据库 数据库数据导出excel
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
excel图片置于文字下方的方法
PHP中文网 06-27 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
微信提示登录环境异常是什么意思原因
PHP中文网 04-09 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
微信人名旁边有个图标有什么用
PHP中文网 03-11