当前位置:文章首页 >> 电商运营

Axure教程-模仿猜拳

时间: 2018-12-12 12:39:21 来源:PM Silence 作者:小鱼 

本篇文章运用原型规划东西为咱们展现了AB两边猜拳时呈现石头、剪刀或布的作用,期望对有需求的同学能有所协助!

作用:AB两边猜拳时呈现石头、剪刀或布为等概率事情

math.random:生成指定规模数值的随机数,即math.random()函数是取[0,1)之间的随机数

作用图:

Axure教程-模仿猜拳

完成逻辑

咱们知道,两位玩家猜拳,成果有9种可能性,每种成果呈现的概率相同,这儿把1均分为9份,即[0,0.111),[0.111,0.222),[0.222,0.333) …[0.888,1)恩平招聘网,每一段对应一种猜拳成果,这样,9种成果的概率都相同了。

[[math.random]]:生成指定规模数值的随机数恩平人才网,即math.random()函数是取[0,1)之间的随机数。

完成过程

第一步:创立两个动态面板,别离代表两个玩家,这儿取名为P1和P2(猜猜谁会赢呢)

第二步:每个动态面板增加三个状况,别离参加石头剪刀布的图形(图形在Axure自带的Icon里能够找到)

第三步:给两个动态面板及其状况取好称号,便于后期做交互哦

第四步:创立btn按钮,点击一次按钮进行一次猜拳(为了避免玩家张狂重复点击btn,这儿能够对btn做一个点击约束)

第五步

btn猜拳按钮的交互设置(留意了,要点来了):

鼠标按键按下时:

设置一个变量值probability(这个姓名随意取)=[[Math.random()]]

鼠标按键开释时:

(猜拳成果1:P1出石头 vs P2出石头)

If probability<0.111

设置面板状况 P1 到下一个 主动循环,状况切换速度为50ms;

P2 到下一个 主动循环,状况切换速度为50ms;

等候3000ms;

设置面板状况 P1和P2均中止循环;(随机猜拳动画)

设置面板状况 P1为石头中山人才招聘网,P2为石头;

(猜拳成果2:P1出石头 vs P2出剪刀)

If probability≥0.111且probability<0.222

设置面板状况 P1 到下一个 主动循环韶关招聘网,状况切换速度为50ms;

P2 到下一个主动循环,状况切换速度为50ms;

等候3000ms;

设置面板状况 P1和P2均中止循环;(随机猜拳动画)

设置面板状况 P1为石头中山人才招聘网,P2为剪刀;

(猜拳成果3:P1出石头 vs P2出布)

If probability≥0.222且probability<0.333

设置面板状况 P1 到下一个 主动循环,状况切换速度为50ms;

P2 到下一个 主动循环,状况切换速度为50ms;

等候3000ms;

设置面板状况 P1和P2均中止循环;(随机猜拳动画)

设置面板状况 P1为石头中山人才招聘网,P2为布;

(猜拳成果X:P1出XX vs P2出XX)

IF 以此类推……

将一切成果罗列出来,这样,在点击btn猜拳的时分,就能够模仿猜拳了。

总结

假如喜爱完美一些,能够做一个猜拳成果公示,相同运用动态面板,增加三种状况,一种是 P1取胜中山公司招聘职位,一种是P2取胜苹果试玩,还有一种是平手,将三种状况对应增加在9种猜拳成果内即可。

【附件可下载原型,再次着重,该原型运用Axure RP 9以上版别能够翻开,若有需求运用Axure 8.0以下版别翻开附件,可谈论区留言,后续我会增加】

附件下载地址:

https://pan.baidu.com/s/171s5zLrwKX0BgMLNCtbyog

提取码:

g6qo