本篇文章利用原型設(shè)計工具為大家展示了AB雙方猜拳時出現(xiàn)石頭、剪刀或布的效果，希望對有需要的同學(xué)能有所幫助！

效果：AB雙方猜拳時出現(xiàn)石頭、剪刀或布為等概率事件

math.random：生成指定范圍數(shù)值的隨機(jī)數(shù)，即math.random()函數(shù)是取[0,1)之間的隨機(jī)數(shù)

效果圖：

實現(xiàn)邏輯

我們知道，兩位玩家猜拳，結(jié)果有9種可能性，每種結(jié)果出現(xiàn)的概率相同，這里把1均分為9份，即[0,0.111)，[0.111,0.222)，[0.222,0.333) …[0.888,1)，每一段對應(yīng)一種猜拳結(jié)果，這樣，9種結(jié)果的概率都相同了。

[[math.random]]：生成指定范圍數(shù)值的隨機(jī)數(shù)，即math.random()函數(shù)是取[0,1)之間的隨機(jī)數(shù)。

實現(xiàn)步驟

第一步：創(chuàng)建兩個動態(tài)面板，分別代表兩個玩家，這里取名為P1和P2（猜猜誰會贏呢）

第二步：每個動態(tài)面板添加三個狀態(tài)，分別加入石頭剪刀布的圖形（圖形在Axure自帶的Icon里可以找到）

第三步：給兩個動態(tài)面板及其狀態(tài)取好名稱，便于后期做交互哦

第四步：創(chuàng)建btn按鈕，點(diǎn)擊一次按鈕進(jìn)行一次猜拳（為了防止玩家瘋狂重復(fù)點(diǎn)擊btn，這里可以對btn做一個點(diǎn)擊限制）

第五步：

btn猜拳按鈕的交互設(shè)置（注意了，重點(diǎn)來了）：

鼠標(biāo)按鍵按下時：

設(shè)置一個變量值probability（這個名字隨便?。?[[Math.random()]]

鼠標(biāo)按鍵釋放時：

（猜拳結(jié)果1：P1出石頭 vs P2出石頭）

If?probability<0.111

設(shè)置面板狀態(tài) P1 到下一個 自動循環(huán)，狀態(tài)切換速度為50ms；

P2 到下一個 自動循環(huán)，狀態(tài)切換速度為50ms；

等待3000ms；

設(shè)置面板狀態(tài) P1和P2均停止循環(huán)；（隨機(jī)猜拳動畫）

設(shè)置面板狀態(tài) P1為石頭，P2為石頭；

（猜拳結(jié)果2：P1出石頭 vs P2出剪刀）

If?probability≥0.111且probability<0.222

設(shè)置面板狀態(tài) P1 到下一個 自動循環(huán)，狀態(tài)切換速度為50ms；

P2 到下一個自動循環(huán)，狀態(tài)切換速度為50ms；

等待3000ms；

設(shè)置面板狀態(tài) P1和P2均停止循環(huán)；（隨機(jī)猜拳動畫）

設(shè)置面板狀態(tài) P1為石頭，P2為剪刀；

（猜拳結(jié)果3：P1出石頭 vs P2出布）

If?probability≥0.222且probability<0.333

設(shè)置面板狀態(tài) P1 到下一個 自動循環(huán)，狀態(tài)切換速度為50ms；

P2 到下一個?自動循環(huán)，狀態(tài)切換速度為50ms；

等待3000ms；

設(shè)置面板狀態(tài) P1和P2均停止循環(huán)；（隨機(jī)猜拳動畫）

設(shè)置面板狀態(tài) P1為石頭，P2為布；

（猜拳結(jié)果X：P1出XX vs P2出XX）

IF 以此類推……

將所有結(jié)果羅列出來，這樣，在點(diǎn)擊btn猜拳的時候，就可以模擬猜拳了。

總結(jié)

如果喜歡完美一些，可以做一個猜拳結(jié)果公示，同樣使用動態(tài)面板，添加三種狀態(tài)，一種是 P1獲勝，一種是P2獲勝，還有一種是平手，將三種情況對應(yīng)添加在9種猜拳結(jié)果內(nèi)即可。

【附件可下載原型，再次強(qiáng)調(diào)，該原型使用Axure RP 9以上版本可以打開，若有需要使用Axure 8.0以下版本打開附件，可評論區(qū)留言，后續(xù)我會添加】

附件下載地址：

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

提取碼：g6qo

本文由 @王得宇A(yù)IPM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議