用Axure做个数独

9 评论 6991 浏览 23 收藏 4 分钟

本文主要是讲用Axure做个数独,制作过程简单,一起来看看~

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

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

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

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

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

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

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

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

然后就做完了……

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

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

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

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

 

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

题图来自 Pixabay,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 能给个数独原型吗,大神

    来自浙江 回复
  2. 做完了

    来自北京 回复
    1. 厉害了,我是硬靠着红色的错误提示坐下来的……
      你可以许愿了~~~

      来自北京 回复
    2. 惭愧,我也是拿着比,比比划划十分钟才算出来 ➡

      也没啥愿望,大神能多出点作品,能有机会观摩学习就可以了,其实吧,最近缺一U盘,最好这个U盘里面还有一些原型文件

      ➡ ➡ ➡ 其实能有机会学习到更多就已经很满足了

      来自北京 回复
    3. 注册个axhub,账号告诉我,就可以获取到我在axhub上的所有原型了~

      来自北京 回复
    4. ID:15868 账号:CW至尊宝

      来自北京 回复
    5. 已添加~都是做着玩的,不要嫌弃哈~~~

      来自北京 回复
    6. 我也想看你的原型,ID:35812,账号:Goffe

      来自广东 回复
  3. 大神你好

    来自北京 回复