微信小游戏开发实战1-让计算机理解你的想法

简介: **这是小蚂蚁游戏开发公众号原创的第36篇。本文内容主要包含我对编程思维的理解,以及1010游戏中的核心玩法的逻辑,我们如何进行设计并且让计算机能够理解。如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。

**这是小蚂蚁游戏开发公众号原创的第36篇。本文内容主要包含我对编程思维的理解,以及1010游戏中的核心玩法的逻辑,我们如何进行设计并且让计算机能够理解。如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。


现在学习编程似乎非常的热门,尤其是针对小孩子。各种培训机构教育机构都会有各种各样的编程课,宣传要尽早的培养孩子的编程思维,因为当前是互联网的时代,将来会编程可能会像每个人都会开车一样的成为一种必须的技能。


至于未来编程能力是否会成为每个人都必须具备的能力,我持怀疑态度。但是对于“编程思维”这个概念,我倒是根据自己的一些情况,有一些理解。


我认为“编程思维”无非就是一种换位思考,就像我们都知道的,如果你想要理解他人,就要学着换位思考,把自己换到对方的角度上,根据对方当前所面对的情况和处境,来理解他人的行为和想法。“编程思维”需要进行换位思考的对象不是人,而是计算机。也就是说你要切换到计算机的角度上来考虑问题,要将你的想法转换成计算机能够理解的东西。


言归正传,今天我们直接从游戏中最难的地方入手,先把最难的地方搞明白,剩下的路就会好走很多。

640.gif


如上图,就是我们将要实现的游戏的核心玩法:将下方的图形拖拽到上方的网格中,如果凑满一行或者一列就能够消除得分。


图中所看到的这个游戏,是我们的想法,但是对于计算机来说,它是无法直接理解这样一个想法的,接下来我们需要做的就是换位思考, 切换到计算机的视角,让计算机能够理解我们的想法。


对于计算机来说最擅长的就是处理数据,所以我们把这些网格以及方块都转化为数据。

640.png

如图,还是同样的网格,不同的是现在它已经被填满了数据。对于这个网格上的每一个格子来说,只需要知道一件事,里面有没有方块。所以在这里就用0和1表示当前格子里是否有方块, 没有方块的时候就设置成0,有方块的时候就设置成1。


640.png

如图, 当检查是否能够消除时,其实需要做的就是遍历网格中的数据,如果发现一行或者一列的数值都是1时,就满足了消除条件。


对于下方需要拖拽的图形,我们同样将其填充上数据。

640.png

当我们把下方的图形拖拽到上方的网格中时,其实就是将图形的数据填充到网格中的对应位置。每次填充完数据后,检查一次网格,看是否满足消除的条件:一行或者一列都是1。


这就是游戏中的最重要的逻辑。它看起来是这个样子的。

640.gif


我们通过动图理解游戏的逻辑,而计算机将会通过处理数据来帮助我们实现逻辑。


总结一下游戏的逻辑:为网格中的每一个格子设置一个标志,0表示没有方块,1表示有方块,当将下方的图形拖拽到网格中时,将图形的数据填充到网格的对应位置。然后检查网格,看看是否有满足条件的行或者列,有的话,将对应的行和列消除,然后将标志重制为0。


这一节就到这里了,重点是需要理解游戏中的核心玩法的实现逻辑,体会一下如何将一个想法转化成计算机可以理解的东西。


下一节我们会使用微信小游戏制作工具中的“表格”来实现网格中的数据存储,检索以及设置等操作


欢迎大家“点赞”,“转发”,“在看”,如果你对游戏开发感兴趣,欢迎关注我,如果你有对游戏开发感兴趣的朋友,也欢迎把这个系列文章推荐给他。

相关文章
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
488 7
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
546 1
|
1月前
|
数据可视化 前端开发 小程序
5G时代-探索微信小游戏
5G时代-探索微信小游戏
24 2
5G时代-探索微信小游戏
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
193 1
|
1月前
|
缓存 数据可视化 Serverless
微信小游戏 案例一 像素飞机
微信小游戏 案例一 像素飞机
19 2
|
1月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展,微信小程序凭借便捷的用户体验和强大的社交传播能力,成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制,包括手机号码验证、微信登录、第三方登录及角色权限控制等方法,并强调了安全性、用户体验和合规性的重要性,帮助开发者更好地理解和应用这一关键技术。
63 5
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
552 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
28天前
|
存储 小程序 安全
微信的开发管理都需要配置什么?
【10月更文挑战第17天】微信的开发管理都需要配置什么?
30 0
|
1月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
322 0
|
1月前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
491 0