彻底搞清微信小游戏开发中的循环的使用(下)

简介: 循环是游戏开发中一定会用到的逻辑,不论是你想控制移动,或者进行遍历,亦或者不停的去执行某一段逻辑,都需要使用循环。那么对于循环的使用你彻底了解了吗?今天这篇文章就帮助你彻底的弄懂微信小游戏开发中的循环的用法。


使用双重循环


在游戏开发中我们也会经常遇到需要使用双重循环的时候,例如我们需要遍历一个 5 行 5 列的表格,或者需要创建一个 5 行 5 列的对象等。所谓的双重循环其实就是同时使用两个循环,只不过这两个循环是嵌套的,即循环中的循环。


下面我们就结合着克隆,使用双重循环来实现创建 5 行 5 列的小球。


首先,创建一个场景,放置一个红色的小球和按钮,当点击按钮后,会创建 5x5 的共计25个小球。


ab7db1b8c0457cad8a6a8d49524dccc2.png


新建两个全局变量“行”和“列”用于计算新克隆出来的小球的水平和竖直的位置。


c1d55dfa41b26351f598c8027a60cca9.png


接着来看一下红色小球的逻辑。


4f798f651a537f1294607a1d3f82508b.png


运行一下看看最终的结果。


1abe301da90406d0f46c1781b789b7f9.gif


使用双重循环最重要的地方在于要捋清自己的思路,是想一行一行的创建还是想一列一列的创建,然后根据具体的需求决定哪层循环在外,哪层循环在内。至于三重循环,即循环中的循环中的循环,在游戏开发中用到的比较少,其实道理都一样,只不过又多了一层循环而已。


在循环的中退


在使用循环时,我们也经常会遇到需要中途退出的情况,比如说在循环执行到达某个条件时,我们就不需要再继续循环了。


226f42d86eeae42b43ede0c91afc35da.png


我们可以使用这两块积木块来退出当前的循环。


以上方的创建小球为例,比如说当前我们只想要创建三行小球就满足条件了,这时我们要让循环退出,不需要再继续创建剩余的两行了。这时我们就可以通过条件判断,使用退出循环积木块来达到目的。


907011862603685de72b38ca6015d122.png


再次运行一下。


756c6816d597490d869e7cf9fb6d6fc1.gif


创建 3 行后退出循环,不会再继续创建了。

“退出逻辑循环”积木与“退出循环”积木的用法一样,只不过使用于逻辑循环中。


带条件的循环


最后,我们再来看一下重复执行中的一个非常好用的积木块“重复执行直到….”,这个积木块可以让这个循环一直执行,直到达成某个条件时循环才停止。


一个简单的小例子,我们让正方形不停的旋转,当点击“停”按钮后,停止旋转。


f0ed258773ec637be351b9ce814a1be8.png


首先创建一个“停下来”的全局变量。


33eb477a5076e9bc4ed6f34e961d6fcf.png


看一下正方形的逻辑。


80f2d982abac522bd0f1ec9806baf83a.png


当点击按钮时,将“停下来”设置为1。


e5098b1bb37b1dfad6c8b9a9c2e8d614.png


预览一下。


7026ccf77014d100d2f520ceed4fcf05.gif


红色正方形一直旋转,点击“停”后,停止旋转。


这个带停止条件的循环可以用于很多的场景,例如敌人一直在巡逻,知道你靠近时停止巡逻,改为追击,雨一直下直到太阳出来后停止等等。


最后总结一下,在这篇文章中我们了解了下面这些关于循环内容:


  • 帧的概念
  • 重复执行与逻辑循环的区别
  • 循环在物体运动中的使用
  • 循环在克隆中的使用
  • 使用双重循环
  • 在循环中途停止循环
  • 使用带条件的循环


这就是游戏开发中常用的循环的使用方式了,你还能想到哪些循环的使用方式呢?欢迎留言讨论。


文中项目已开源到社区,有需要的朋友可以自行获取。

项目地址:https://gamemaker.weixin.qq.com/#/game?game_id=lbNTM2Yjc5ZDctYWFmMi00MWJmLWI5ZTktZTVkNTQwYjdlYWRi


如果你对游戏开发感兴趣,欢迎关注我,如果你有对游戏开发感兴趣的朋友,也欢迎把这个系列文章推荐给他。

相关文章
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
832 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
855 1
|
3月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
207 7
ly~
|
4月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
97 6
|
3月前
|
数据可视化 前端开发 小程序
5G时代-探索微信小游戏
5G时代-探索微信小游戏
39 2
5G时代-探索微信小游戏
|
3月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
284 1
|
3月前
|
缓存 数据可视化 Serverless
微信小游戏 案例一 像素飞机
微信小游戏 案例一 像素飞机
29 2
|
3月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
108 5
|
3月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态,凭借便捷体验与社交传播能力,成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用,包括离线访问、后台运行、桌面图标及原生体验等方面,助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
80 5
|
3月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
1446 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机