本文主要是讲用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/

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