Smart Apps Creator 設計研究室

複雜邏輯判斷應用－卡牌配對

1. 設定2組相同的幻燈片，並分別命名為A1，A2（新增的命名為B1，B2…）
2. 設定1個代表卡牌的計數器，並命名為AX1（新增的命名為BX1…）
3. 設定1個找到相同卡牌的緩衝計時器，並命名為AY1（新增的命名為BY1…）
4. 設定1個找到不同卡牌的緩衝計時器，並命名為AZ1（新增的命名為BZ1…）
5. 設定1個判斷翻出幾張牌的計數器，並命名為C
6. 設定1個配對總數的計數器，並命名為Sum
7. 設定1個遮蔽用的熱區，並命名為mask

操作步驟：

Step 1點選『插入』頁籤，選擇『幻燈片』功能，將圖片加入後再點選右邊屬性欄中的『幻燈片設置』。

Step 2 開啟幻燈片設置面版後點選下方『＋』按鈕加入一張圖片。

Step 3 完成加入圖片的幻燈片後，在右邊屬性欄中勾選『首尾相接』，並在『動畫類型』中選擇適合的圖片切換效果，最後複製再貼上另一個幻燈片。

Step 4 點選右邊的『層』面板，將幻燈片重新命名為A1、A2。

Step 5 插入一個『計數器』，並將其重新命名為AX1。

接下來我們要完成當觸摸到A1牌卡時會切換到牌卡背面的圖片，同時將AX1計數器+2來判斷A卡牌被翻起。

Step 6 點選A1幻燈片後點選『交互』頁籤後選擇『觸摸時』，對象選擇『A1』幻燈片。

Step 7 點選『切換至』後選擇第2張圖片，最後點選『添加』。

Step 8 點選A1幻燈片後點選『交互』頁籤後選擇『觸摸時』，對象選擇『AX1』計數器。

Step 9 點選『增加計數』後將數值調整為『2』，最後點選『添加』。

此時，將完成『A1幻燈片』的交互設置，當觸摸時切換到第2張圖片，同時計數器加2，『A2幻燈片』的設定步驟一樣，請自行完成。

這個設定的意義代表當我們點到了A卡牌的2張一樣的圖片時，計數器的數值會變成4，亦即我們可以將AX1=4來當成A卡牌配對成功的一個判斷值。

然而，因為卡牌是兩兩配對，所以我們需要判斷每次是否翻了2張卡牌。在這裡我們可以再加入一個計數器來判斷，當翻起1張卡牌時就加1，因此翻了2張牌時，計數器的數值會變成2即可判斷出是否翻了2張卡牌。

Step 10 插入一個『計數器』並在右邊『層』面板中將其重新命名為C。

Step 11 點選A1幻燈片後點選『交互』頁籤後選擇『觸摸時』，對象選擇『C』計數器。

Step 12 點選『增加計數』後將數值調整為『1』，最後點選『添加』。

『A2幻燈片』的設定步驟一樣，請自行完成。

這個設定的意義代表當我們點到了2張卡牌時，計數器的數值會變成2，亦即我們可以將C=2來當成翻起2張卡牌的一個判斷值。

接下來，當我們成功找到2張相同卡牌時，會緩衝1秒後消失，此時會出現成功配對多少組數。

【思考一下】

因為已經翻了2張卡牌，此時C=2，而我們要再配對新的卡牌，因此要將C計數器重置歸零才能夠再判斷是否翻起了2張卡牌。

Step 13 我們先插入一個配對成功時緩衝的『計時器』，時間設定為『1』秒，並在右邊『層』面板中，將其重新命名為AY1。

Step 14 插入一個計算成功配對卡牌組數的『計數器』，並在右邊『層』面板中將其重新命名為Sum。

接下來我們要設定配對成功時緩衝1秒後卡牌消失以及計算配對了多少組卡牌的交互。

當AX1=4時，AY1播放

當AY1計時結束時，A1和A2隱藏，重置C計數器，Sum計數器+1

Step 15 點選AX1計數器後點選『交互』頁籤，選擇『計數器更新時』並設定數值為『4』。

Step 16 對象選擇『AY1』計時器後點選『播放』，最後點選『添加』。

Step 17 點選AY1計時器後點選『交互』頁籤並選擇『計時器結束時』。

Step 18 對象選擇『A1』卡牌並選擇『隱藏』後點選『添加』。接著再做一次將A2卡牌也設定為隱藏。

Step 19 接著，點選AY1，設定交互為『計時器結束時』，對象選擇C計數器並選擇『重置計數』，最後點選『添加』。

Step 20 點選AY1，設定交互為『計時器結束時』，對象選擇Sum計數器並選擇『增加計數』，數值設定為『1』，最後點選『添加』。

接下來，當我們找到2張不同卡牌時，會緩衝1秒後將2張卡牌回復初始狀態。

【思考一下】

因為已經翻了2張卡牌，C=2，此時不能夠再翻第3張卡牌，所以我們要將牌面鎖住，當判斷完後，再將牌面釋放。另外，因為我們要再配對新的卡牌，因此要將C計數器重置歸零才能夠再判斷是否翻起了2張卡牌。

Step 21 我們先插入一個配對失敗時緩衝的『計時器』，時間設定為『1』秒，並在右邊『層』面板中，將其重新命名為AZ1。

Step 22 插入一個遮蔽用的『熱區』，並在右邊『層』面板中，將其重新命名為mask。

【思考一下】

設定配對失敗時緩衝1秒後卡牌回復到初始狀態且不可再點選第3張卡牌的交互。

當AX1=1時，AZ1播放。

當AZ1計時結束時，A1和A2幻燈片回復初始（停止），重置C和AX1計數器。

當C=2時，mask出現。

當C=0時，mask隱藏。

當mask出現時，AX1計數器減1 （亦即翻2張不相同牌時，最後AX=3）

Step 23 點選AX1計數器後點選『交互』頁籤，選擇『計數器更新時』並設定數值為『1』。

Step 24 對象選擇『AZ1』計時器後點選『播放』，最後點選『添加』。

Step 25點選AZ1計時器後點選『交互』頁籤並選擇『計時器結束時』。

Step 26 對象選擇『A1』卡牌並選擇『停止』後點選『添加』。接著再做一次將A2卡牌也設定為停止。

Step 27 點選AZ1計時器後點選『交互』頁籤選擇『計時器結束時』，對象選擇AX1計數器後點選『重置計數』，最後點選『添加』。再做一次將C計數器也設定為『重置計數』。

Step 28 點選C計數器後點選『交互』頁籤選擇『計數器更新時』，將數值設定為『2』。

Step 29 對象選擇mask熱區後點選『出現』，最後點選『添加』。

Step 30 點選C計數器後點選『交互』頁籤選擇『計數器更新時』，將數值設定為『0』。

Step 31 對象選擇mask熱區後點選『隱藏』，最後點選『添加』。

Step 32 點選mask熱區後點選『交互』頁籤並選擇『出現時』，對象選擇AX1後點選『減小計數』並將數值設定為『1』，最後點選『添加』。

Step 33 最後，我們增加一組新的卡牌出來。將幻燈片A1,A2、計數器AX1和計時器AY1,AZ1都複製一份出來，並在『層』面板中，將其重新命名為B1、B2、BX1、BY1、BZ1。

因為新增了一組卡牌進來，因此要將mask熱區出現時與BX1卡牌判斷計數器做關聯。

Step 34點選mask熱區後點選『交互』頁籤並選擇『出現時』，對象選擇BX1後點選『減小計數』並將數值設定為『1』，最後點選『添加』。

步驟到這裡已經完成了卡牌配對的設定。

若是要再新增卡牌組數，只要重覆最後2個步驟即可，將新的：

• 『幻燈片』卡牌組
• 找到相同和不同的緩衝『計時器』
• 判斷卡牌組的『計數器』

複製出來後重新命名，且在mask熱區將新卡牌組的『計數器』減1加入即可。

卡牌配對解法－第2版

條件：請先確認畫面上的佈局相同，物件命名相同。

各物件交互設定內容：(第一組A1,A2,AX1,AY1,AZ1 ; 全部組牌共用C,Sum,mask）

• A1,A2幻燈片（卡牌）

1. 觸摸時，AX1 ＋2
2. 觸摸時，C +1

• AX1計數器（判斷為同組牌）

1. 計數器更新為4時，AY1 播放
2. 計數器更新為1時，AZ1 播放

• AY1計時器（找對緩衝時間）

1. 計時器結束時，A1 隱藏
2. 計時器結束時，A2 隱藏
3. 計時器結束時，Sum +1
4. 計時器結束時，AY1 停止（回復計時器）
5. 計時器結束時，mask 隱藏

• AZ1計時器（找錯緩衝時間）

1. 計時器結束時，A1 停止（回復到第1張幻燈片）
2. 計時器結束時，A2 停止（回復到第1張幻燈片）
3. 計時器結束時，AX1 重置計數
4. 計時器結束時，AZ1 停止 (回復計時器）
5. 計時器結束時，mask 隱藏

• C計數器（判斷翻了幾張卡牌）

1. 計數器更新為2時，mask 出現
2. 計數器更新為2時，C 重置計數

• mask熱區（覆蓋全牌面，避免再觸換到卡牌）

1. 出現時，AX1 -1

當第一組牌完成設定後，將第一組A1,A2,AX1,AY1,AZ1全部複制1份，並全部更名為B1,B2,BX1,BY1,BZ1，並將B1,B2的幻燈片圖換另一張即可，依次類推。

全部組牌共用C,Sum,mask，只需要將其中的mask熱區再添加BX1 -1即可，依次類推。

最後，將幻燈片卡牌在版面上隨意搬動交錯換位置，遊戲就完成囉。

您可以下載Smart Apps Creator 3 全功能30天試用版，自己動手將創意實現喔！

點選下方圖示加入Smart Apps Creator官方粉絲團，獲取更多的設計小撇步。