App教程
帮助

应用介绍

屏幕上有6张卡片,里面随机有三种水果,尝试点击格子翻开卡片,如果第二次翻出一样的水果则继续,否则之前翻出的暂时隐藏,直至6张卡片全部翻出则为胜利。

截图

连接你的应用

接水果游戏教程(难度系数:★★★)

找素材并上传

需要的素材有:3中水果图片,1个卡片背面图片。

(此步骤通过“项目指南” -> “开始学习”已经完成了初始的工作,包括素材收集及界面布局,可以直接使用)

游戏基本逻辑设计

  1. 一开始,所有卡片均显示背面图片。
  2. 让6张卡片随机出现3中水果,不过此时还是隐藏的,但是需要全局变量进行存储。
  3. 处理卡片的点击事件,进行游戏的逻辑判断。

屏幕初始化、所有卡片显示背面

添加屏幕初始化事件,代码如下:

屏幕初始化事件

此时,可以测试一下,看所有卡片是不是都是背面显示的。

创建一个“显示图片”的过程

由于后面都需要用到各个卡片图像的改变及重新显示,需要将这个过程提取一个过程,否则重复的代码会非常的多,消除重复代码是过程的一大目的。

创建过程

然后上一步的初始化事件改为调用“显示图片”的过程,代码如下: 初始化调用过程

初始化水果的隐藏位置

让6张卡片随机出现3中水果,初始化它们的位置(这里暂时固定化了,大家需要进一步处理,让其随机),代码如下: 初始化水果的隐藏位置

创建一个“处理点击事件”的过程

点击每一个卡片图像,需要处理其逻辑,这里仍然需要创建一个过程,代码如下: 处理点击事件过程

其中用到的变量定义如下: 全局变量定义

添加每个图像的点击事件,6个图像都需要(这里仅展示一个): 图像1点击事件

游戏逻辑讲解

由于上一步处理点击事件”的过程稍微复杂,这里稍微讲解一下:

  1. 卡片点击后,从字典中取出这张卡片预设的图片,然后显示正面图片,记录在上一次的全局变量中。
  2. 继续翻下一张卡片,如果发现上次的变量有值,则说明本次是匹配者,需要判断和上次的是不是同一种水果。
  3. 如果是同一种,则上次和本次都显示水果图片;如果不是,则上次和本次都显示背面。清理上次变量。
  4. 判断游戏结束:6个卡片都不是背面,则游戏成功!

剩余工作

至此,大概的游戏步骤完成,有一定的可玩性,不过游戏的音效目前没有加上,有兴趣或希望将这个游戏做完美的可以自行加上。 还有水果位置随机化,也需要大家自行考虑加上,加油ヾ(◍°∇°◍)ノ゙。