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關注作者公眾號，一起向夢想出發