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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

网页版消消乐快速实现,无代码吗iVX 真那么简单?相关推荐

  1. 在线CAD看图网页版,一样可以快速查看CAD图纸

    CAD制图工作中,如果想要快 速查看CAD图纸,使用方便的CAD看图软件是常用的.CAD看图软件区别于AutoCAD复杂的程序,可以对dwg\dxf格式的CAD图纸进行浏览查看.同时可以完整的显示出图 ...

  2. cad有没有网页版_在线CAD看图网页版,一样可以快速查看CAD图纸

    CAD制图工作中,如果想要快 速查看CAD图纸,使用方便的CAD看图软件是常用的.CAD看图软件区别于AutoCAD复杂的程序,可以对dwg\dxf格式的CAD图纸进行浏览查看.同时可以完整的显示出图 ...

  3. 完美融入云原生的无代码平台 iVX编辑器介绍

    文章目录 前言:[iVX编辑器地址](https://www.ivx.cn/) 一 iVX相比传统编程方式有哪些优势? 1.1 快速学习 1.2 快速开发 1.3 快速运行 1.4 快速维护 二 iV ...

  4. 不用会编程,也能做软件,无代码技术是否真有这么神奇?

    什么是无代码 无代码就是不需要有编程经验,用户通过无代码开发平台提供的行业化模板.拖放式组件和可视化流程设计页面,就可以快速帮助企业搭建个性化应用.用户不需要代码开发就能够搭建出销售.运营.人事.采购 ...

  5. 完美融入云原生的无代码平台 iVX编辑器实战

    文章目录 iVX首页展示 编辑器窗口 对象树 iVX官网:iVX编辑器 iVX首页展示 界面分区 现在,我们将对「iVX」的工作界面进行介绍,使您对工具界面的窗格模块获取初步的认识.iVX的工作界面由 ...

  6. 10款实用高效的网页版PS插件推荐!

    PS是设计界适用范围广.应用次数多的基础性设计工具,PS的功能之强大,常常令新手望而却步.其实,为了对PS的功能进行补充和优化,这些年来陆续开发出了许许多多的功能性PS插件,在网页版 PS --即时设 ...

  7. Python实现爬取移动端网页版微博用户信息及(部分)粉丝和(部分)关注信息(一)

    电脑端网页版微博weibo.com的处理相对复杂,先从最简单的移动端weibo.cn开始.因为微博系统限制,移动端只能查看前20页关注和粉丝信息,所以对于关注或粉丝超过200的用户,只能获取部分粉丝和 ...

  8. ESP8266_遥控小车网页版

    ESP8266_遥控小车网页版 话不多说,上代码 不懂的地方可以看这篇文章里面介绍的非常详细了 这里不多赘述回家 3 天,我做了一辆远程遥控小车 #include <ESP8266WiFi.h& ...

  9. “无代码”时代,离我们还有多远?

    本文转载自 设计杂谈 "代码行业的未来,是无代码",这句话来自 GitHub的CEO-Chris Wanstrath.当今,代码应用在生活中的方方面面,大多数智能设备的应用都离不开 ...

最新文章

  1. bottle中文文档
  2. Jquery获取select标签的值、文本方式
  3. 设计模式 分类和原则
  4. QT误修改了系统内的头文件处理
  5. 深入理解函数式编程之柯里化
  6. PAT_B_1047_Java(20分)
  7. VS2008 开发设计MOSS工作流 URN 注意了
  8. @webservice报错org.apache.cxf.common.i18n.UncheckedException: No operation was found with
  9. MetaTransformer:简单到尴尬的视觉模型
  10. 入门机器学习(二十)--编程作业-异常检测和推荐系统(Python实现)
  11. WEB应用中的信息泄漏以及攻击方法
  12. 可视化程序设计基础(team)——采访上届大佬
  13. 过滤掉文本中的javascript标签代码
  14. Visual Assist X 颜色配置习惯
  15. python sql注入检测脚本_python 打造一个sql注入脚本 (一)
  16. Oracle锁表查看及处理
  17. 小学初中数据常用定理公式总结-------复习一下
  18. linux nginx启动脚本,Nginx启动脚本大家来找茬
  19. 学习笔记(十)在网页中添加矢量图形
  20. bamtools拆分bam文件

热门文章

  1. 墙裂推荐:这可能是CAP理论的最好解释
  2. 玩转git-flow工作流-分支解析
  3. .NET Core3.1升级.NET5,坑还真不少...
  4. 技术债! 怎样简洁高效的实现多个 Enum 自由转换
  5. C# 9 Lambda 小幅升级
  6. 记一次EF Core连接MySql、Oracle
  7. 使用Magicodes.IE.Excel完成Excel图片的导入和导出
  8. [ASP.NET Core 3框架揭秘] 异步线程无法使用IServiceProvider?
  9. .NET Core 中使用 Humanizer 显示友好时间格式
  10. C# 8中的Async Streams