嗨！大家好，我是小蚂蚁。

这一节我们轻松一下，实现几个简单有趣的功能——图片的选中和取消。在连连看游戏中，当你点击一个图片的时候，这个图片会被选中（通常使用一个高亮的背景框展示）处于选中状态，当你再次点击选中状态的图片的时候，选中状态会取消，图片恢复到正常的状态。

我们要实现如下的一些功能：

1.点击第一张图片，该图片变为选中状态；

2.再次点击选中状态的图片，该图片恢复正常状态；

3.点击第二张图片，如果第二张图片和第一张图片相同，则消除两张图片；如果第二张图片和第一张图片不同，则第一张图片恢复到正常状态，第二张图片变为选中状态。

这节内容没有理论，我们就直接去项目里实践吧！

导入一个新的正方形素材，当作图片选中后的高亮背景框。

如何实现一个高亮的背景框呢？其实非常的简单。

我们把导入的正方形图片设置为黄色，把它的位置设置到图片的位置，然后把它的层级放在图片的下面，就可以制作出一个图片被黄色框包围的效果了。

接着，增加两个新的全局变量。

全局-选中图片索引：记录当前选中的图片的索引。

全局-选中图片类型：记录当前选中的图片的类型。

增加一个新的通知，如果两张图片相同，就发送这个通知，消除图片。

最后，来看一下图片精灵上的积木逻辑。

这段积木逻辑主要借助两个全局变量来做各种判断，借助“全局-选中图片索引”来判断两次点击的图片是否是同一张，借助“全局-选中图片类型”来判断两次选中的图片是否是同一类型。这里我们暂且忽略连连看游戏中的规则，只要两张图片一样就让它们消除。

消除图片的处理是向所有的图片发送“消除图片”的通知，接收到通知后，图片判断自己的索引是否等于“全局-选中图片索引”，相等的话则删除自己。这里不要忘记了设置“全局-选中图片索引”的值为 0，因为消除一对图片后，相当于当前没有选中任何的图片，所以要把这个变量重置为 0。

运行一下游戏，看一下效果。

在不考虑连连看游戏的连线规则的前提下，我们制作的这个小游戏其实就已经可以玩起来了。

这一节的内容相对比较简单，大家可以做出来后把玩一下自己做的小游戏，下一节，我们将会学习如何在两个图片之间创建连接线。

欢迎关注我的微信公众号【小蚂蚁教你做游戏】，可领取原创的游戏开发学习路线和教程资料合集。