在這一篇文章中,老師要來教大家如何設計一個可以和手機玩猜大小的遊戲。為了增加遊戲的趣味性,我們使用一個骰子的畫面,當按下遊戲開始按鈕的時候,APP會開始播放背景音樂,同時讓骰子不斷地變換其上的數字,一直到我們按下猜大或是猜小按鈕為止。為了進行骰子點數不斷地變換之效果,我們使用計時器來完成。此外,在判斷出勝負之後,使用語音來說出結果。此APP的介面設計如下:

其中在非可視元件中,計時器1是用來做變更圖片內容的,而音樂播放器1則是用來播放背景音樂,文字語音轉換器1則是用來讓手機說出語音的元件。在APP中,圖形和音樂都被叫做「素材」,要使用之前要先上傳才行,如下圖所示:

全部上傳完畢之後,圖形1元件可以在屬性中先設定1.jpg做為啟始圖案,如下所示:

而音樂播放器1的屬性則如下所示:

進入程式之後,先設定一個全域變數叫做「骰子數字」,用來儲放目前骰子的內容是多少,此外在Screen1被初始化的時候,則是先把計時器關閉,如下所示:

當「開始按鈕」被按下去之後,要做的事情如下:

其實就是把計時器打開,以及開始播放音樂而已。那麼計時器啟用的時候要做什麼呢?先看看計時器屬性的設定:

每隔50毫秒觸發一次,速度你可以自行調整。以下是每次觸發之後要做的事:

如你所看到的,就是每一次都從1到6之間隨機選擇1個數字,先把數字存放在「骰子數字」這個變數中,接著再根據這個變數把它變成圖形檔案名稱,去更新「骰子圖案」這個元件,這也是為什麼計時器一被啟用之後,骰子圖形檔會一直變化的原因。

此時,當使用者按下「猜小」或是「猜大」時,要執行以下的程式積木:

兩個按鈕要做的事情類似,就是讓計時器停止,並把音樂暫停,最後再根據「骰子數字」的大小決定勝負,因勝負結果播放不同的語音。此 APP 使用模擬器就可以執行了,試試看吧!

(1508)