close

Smart Apps Creator複雜邏輯判斷的應用

Smart Apps Creator的特色是不用寫程式就能夠自己設計互動多媒體App,但是碰到需要邏輯判斷的時候該如何處理呢?

針對這個問題,Smart Apps Creator提供了計數器和計時器的功能,將這2個功能結合交互的設定就可以當成判斷的使用喔!

 

讓我們透過以下的範例來了解設定的技巧。

場景說明:

在畫面上的右圖中找到3個與左圖不同的地方,找到3個不同處之後時間就會暫停且延遲2秒後跳到恭喜過關的頁面。

若找錯3次時,愛心全部消失,時間也會暫停且會延遲2秒後跳到闖關失敗的頁面。

 

設定思考:

  1. 找到時:
    • 運用熱區,觸碰到不同處時會出現一個圈圈將不同處框起來
    • 運用計數器,觸碰到不同處時,計數器加1
    • 當計數器等於3的時候,遊戲時間暫停。
    • 當計數器等於3的時候,計時器開始計時2秒
    • 當計時結束時,切換到恭喜過關的頁面
  2. 找錯時:
    • 運用熱區,觸碰到非不同處時,愛心會隱藏
    • 運用計數器,當觸碰到非不同處時,計數器加1
    • 當計數器等於3的時候,遊戲時間會暫停
    • 當計數器等於3的時候,計時器開始計時2
    • 當計時結束時,切換到闖關失敗的頁面

 

「找到時」的操作步驟:

Step 1.將紅色圈圈的圖片依序插入到畫面中,並在層的面板中將圖片名稱重新命名。

Step 2. 在屬性欄的面板中,將圖片設置為「瀏覽開始時隱藏」,亦即一開始在畫面上不會看到這3個圈圈。

Step 3. 插入3個熱區,並且改變熱區的顏色以及重新命名,方便在設定交互的時候辨識。

Step 4. 插入一個計數器,將它放置在主畫面的外面,並且在層面板中將它重新命名為「答對次數判斷」。

Step 5.  點選名稱為「答對1」的熱區,接著點交互後選擇「觸摸時」,對象選擇名稱為「答對1」的紅色圈圈,再點選「出現」,最後點選「添加」。

Step 6.   點選名稱為「答對1」的熱區,接著點交互後選擇「觸摸時」,對象選擇名稱為「答對次數判斷」的計數器,再點選「增加計數」將數值設定為「1」,最後點選「添加」。

此時在屬性欄面板中會看到「答對1」的熱區已設定好了交互。這個動作即為:當觸摸到答對的位置時,紅色圈圈會出現且同時將計數器增加1。

另外的「答對2」和「答對3」的操作步驟和「答對1」是相同的。

Step 7. 點選到「答對次數判斷」的計數器,接著點選交互並選擇「計數器更新時」,將數值設定為「3」,亦即當計數器=3的時候要執行某件事。

Step 8. 接著對象請點選「遊戲時間」的計時器,再點選「暫停」,最後點選「添加」。

Step 9.  插入一個計時器並放置在主畫面的外面,將時間改成「2」秒,並在層的面板中將名稱改為「答對緩衝」。

Step 10. 點選「答對次數判斷」的計數器,設定計數=3時,對象點選「答對緩衝」的計時器。

Step 11. 緊接著將動作選擇為「播放」並點選「添加」。

此時在屬性欄面板中會看到「答對次數判斷」的計數器已設定好了交互。

這個動作即為:當答對次數=3時,遊戲時間會暫停且答對緩衝的計時器會開始計時2秒。

Step 12. 點選「答對緩衝」的計時器,設定交互為「計時器結束時」。

Step 13. 緊接著,對象選擇自己「答對緩衝」計時器,點選「切換」將頁面設定「恭喜過關」,最後點選「添加」。

 

步驟到這裡已經完成了「找到時」的設定。我們可以回顧一下「找到時」的交互設定思路。

  • 運用熱區,觸碰到不同處時會出現一個圈圈將不同處框起來
  • 運用計數器,觸碰到不同處時,計數器加1
  • 當計數器等於3的時候,遊戲時間暫停。
  • 當計數器等於3的時候,計時器開始計時2秒
  • 當計時結束時,切換到恭喜過關的頁面

 

下一篇我們將會介紹到「找錯時」的交互設定步驟,敬請期待和觀注喔!

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

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

arrow
arrow

    SACTW 發表在 痞客邦 留言(0) 人氣()