Axure教程-模擬猜拳
【效果:AB雙方猜拳時出現石頭、剪刀或布為等概率事件】
【math.random:生成指定範圍數值的隨機數,即math.random()函式是取[0,1)之間的隨機數】效果圖: 實現邏輯:我們知道,兩位玩家猜拳,結果有9種可能性,每種結果出現的概率相同,這裡把1均分為9份,即[0,0.111),[0.111,0.222),[0.222,0.333) … [0.888,1),每一段對應一種猜拳結果,這樣,9種結果的概率都相同了。實現步驟:第一步:建立兩個動態面板,分別代表兩個玩家,這裡取名為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猜拳的時候,就可以模擬猜拳了。ps.如果喜歡完美一些,可以做一個猜拳結果公示,同樣使用動態面板,新增三種狀態,一種是 P1獲勝,一種是P2獲勝,還有一種是平手,將三種情況對應新增在9種猜拳結果內即可。【附件可下載原型,再次強調,該原型使用Axure RP 9以上版本可以開啟,若有需要使用Axure 8.0以下版本開啟附件,可評論區留言,後續我會新增】附件下載地址:https://pan.baidu.com/s/171s5zLrwKX0BgMLNCtbyog提取碼:g6qo關注作者公眾號,一起向夢想出發