网页版消消乐快速实现，无代码吗iVX 真那么简单？

最近没事想做个消消乐，然后听说 iVX 免费了，所以又跑去看看 iVX 了，就用一个无代码来看看消消乐怎么玩吧。

首先咱们打开 iVX 的在线编辑器：https://editor.ivx.cn/

随后咱们不需要游戏类型也可以制作一个消消乐游戏：

在这里插入图片描述

接着创建两个页面，一个是开始页面，还有一个是游戏页面：

在这里插入图片描述

随后在开始页面中编辑页面如下所示：

在这里插入图片描述

接着咱们在游戏页面中创建以下不同类似的变量：

在这里插入图片描述

接着咱们在源一维数组中添加图片的地址：

在这里插入图片描述

接着在游戏界面中创建如下组件，使用循环组建遍历对应的游戏数据：

在这里插入图片描述

在循环创建中的数据来源为游戏地图：

在这里插入图片描述

图片的地址来源是循环的当前数据：

在这里插入图片描述

接着咱们需要生成游戏地图，也就是在页面显示时能够加载数据。在页面显示时添加如下事件：

在这里插入图片描述

此时可以随机生成对应的数据，这个数据将会直接在循环遍历到页面之中。接着咱们给图片添加点击事件：

在这里插入图片描述

该事件在点击的图片中元素小于2时表示没点两张图片，此时则添加改图片的地址到数组中，若大于两种则判断是否相等，相等则清楚对应位置的游戏地图中对应序号的内容，并且清空记录点击的数组数据。

接着遍历地图数据，查看是否与多少张类似的图片，如果有则计数：

在这里插入图片描述

最后判断计数是否都小于等于1，若是则进入下一关：

在这里插入图片描述

下一关只需要对应的重新变量地图数据即可，你还可以添加一个时间计数，这样游戏就可以一直玩下去了。