手机版 欢迎访问人人都是自媒体网站

当前位置:主页 > 推广 >

用Axure做个数独

时间:2021-04-28 09:18|来源:网络整理|编辑:|点击:

 用Axure做个数独

这次的游戏制作比较简单,玩起来却略难了,所有游戏通关有福利哦~

 用Axure做个数独

中继器每项加载时、更新行实战。

 用Axure做个数独

 用Axure做个数独

中继器有4列,分别是:编号(没啥用)、正确值(value)、状态(SH)、输入值(input)。

中继器内部元件VV用来存储数值。

元件VV展示数值,选中状态(真)为红色,用来表示输入错误。选中状态(假)为黑色,表示输入正确。

 用Axure做个数独

当状态为H时,设置元件VV文字为输入值(input)。

状态为S时,元件VV文字为正确值(value),且正确格子数量+1。

当状态为H时,且输入值(input)跟正确值(value)相等时,则代表输入正确,设置元件VV文字为选中状态为假。

当状态为H时,且输入值(input)跟正确值(value)不相等时,则代表输入正确,设置元件VV文字为选中状态为真,且正确格子数量+1。

当正确格子数量到81则表示全部填写正确。

 用Axure做个数独

当单击到元件VV时,标记中继器中当前行。

 用Axure做个数独

点击下方“1”时,将会把中继器中标记行的输入值(input)更新为1。(其他数字同)

然后就做完了……

顺手加了个计时器,加了个选中效果(有bug勿喷)

源文件下载:https://pan.baidu.com/s/1LjqrPK0hL7safEdiiJKw6A

在线案例:https://axhub.im/pro/32acf0e0782cceb6/

不作弊的情况下,完成数独者可以联系我(公众号留言、文章下放留言等方式均可,看你们心情)获取福利,至于什么福利我说的算……

本文由 @ fraidei 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pixabay,基于 CC0 协议

给作者打赏,鼓励TA抓紧创作!

赞赏

4人打赏

 用Axure做个数独

 用Axure做个数独

 用Axure做个数独

 用Axure做个数独

Copyright © 2018 DEDE97. 织梦97 版权所有 京ICP