文章分享了如何利用Axure制作剪刀石頭布的小游戲，與大家分享，相信大家一定會(huì)有所收獲。

教你用Axure做個(gè)剪刀石頭布的小游戲。

先睹為快：【點(diǎn)我預(yù)覽】

教程開始：

第一步：整理業(yè)務(wù)需求

1. 做個(gè)和電腦剪刀石頭布的小游戲。
2. 規(guī)則…略。
3. 用戶方，固定選擇；電腦方隨機(jī)。
4. 輸贏+平局，需要直觀展示。

第二步：規(guī)劃思路和實(shí)現(xiàn)方法

1. 電腦出招》隨機(jī)，需要使用隨機(jī)數(shù)。
2. 我方出招》固定值。
3. 對(duì)比每局我方固定值和電腦隨機(jī)值進(jìn)行比較。
4. 判定輸贏或平局

第三步：開工

1、找素材，略。

2、axure創(chuàng)建游戲界面。

• 電腦每次只出一個(gè)，且隨機(jī)，所以用動(dòng)態(tài)面板控制。
• 判定勝負(fù)也是需要變化，所以使用動(dòng)態(tài)面板。
• 我方，使用固定的三張圖片組成。

3、編寫規(guī)則邏輯

1. 定義【剪刀=1】【石頭=2】【布=3】。
2. 電腦隨機(jī)為1-3之間。
3. 我方固定出1-3。

通過(guò)剪刀石頭布的邏輯，推導(dǎo)判定條件的共用表達(dá)式。

電腦為1，則：

1. 我方出1====平【1-1=0】
2. 我方出2====贏【2-1=1】
3. 我方出3====輸【3-1=2】

電腦為2，則：

1. 我方出1====輸【1-2=-1】
2. 我方出2====平【2-2=0】
3. 我方出3====贏【3-2=1】

電腦出3，則：

1. 我方出1====贏【1-3=-2】
2. 我方出2====輸【2-3=-1】
3. 我方出3====平【3-3=0】

查看結(jié)果分布【-2,-1,0,1,2】即：【贏，輸，平，贏，輸】

找到規(guī)律后，我們就可以開始寫邏輯了：

1、通過(guò)[[Math.ceil(Math.random()*3)]]函數(shù)，獲取1-3之間的隨機(jī)數(shù)，并賦值接給電腦。

2、將我方的值，減去電腦的值，進(jìn)行判定。

3、設(shè)置動(dòng)態(tài)面板的5個(gè)狀態(tài)，分別對(duì)應(yīng)5個(gè)結(jié)果。

P.S.動(dòng)態(tài)面板順序?yàn)?.2.3.4.5，沒有負(fù)數(shù)，所以將結(jié)果加3以便操作。

增加誘惑點(diǎn)：

完成8次連勝，有福利，加油加油~~，至于有沒有福利，就看能不能連贏八局了！瞄·~

內(nèi)容下載地址：

作者鏈接：http://pan.baidu.com/s/1qYCUuBy 密碼: vdt7

在線預(yù)覽：http://t9ymya.axshare.com/auto.html

本文由 @陳張良 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。