App Inventor學習記錄66,用流程判斷,做簡單的剪刀石頭布猜拳遊戲

這次的剪刀石頭布遊戲,最主要的部份就剪刀、石頭、布的相互關系,這裡我們用如果、否則如果的流程判斷來做,不管我們出什麼,總共有贏、平手、輸三種情形。

記錄一下:
App Inventor學習記錄66,用流程判斷,做簡單的剪刀石頭布猜拳遊戲


實際的畫面如下:

遊戲一開始的時候,就啟動計時器元件,讓上方電腦出的剪刀石頭一直變化。
點擊下方三個剪刀、石頭、布的按鈕之後,會讓計時器停止,就會把中間的圖片設定成我們點下的圖片,同時依照剪刀、石頭、布的規則,來判斷贏、輸、平手。同時計錄相關的數字。


全部的程式碼如下:


第 1部份的程式碼說明:

建立玩了幾次、贏了幾次、輸了幾次、平手幾次的變數,這 4個變數是用來統計次數用的。
建立電腦的選擇這個變數,這個是用來選擇圖片以及判斷比較用的。
建立剪刀石頭布按鈕的變數,它的值是一個清單,清單的內容是剪刀、石頭、布這三個按鈕。
建立剪刀石頭布圖片的變數,它的值是一個清單,清單的內容是 c1、c2、c3。
c1、c2、c3是圖片的檔名。


第 2部份的程式碼說明:

螢幕初始化的時候:
把平手幾次、玩了幾次、贏了幾次、輸了幾次,這幾個標籤的文字,設定為 0。
把音樂播放器的來源,設定 silly.mp3這個檔案。
呼叫音樂播放器開始播放。
同時,把音樂播放器的循環播放設定為真。


第 3部份的程式碼說明:

當計時器開始計時的時候:
把電腦的選擇這個變數的值,設定成 1~3的隨機值。
把電腦最後選擇這個圖像的圖片,設定成 1~3.png的檔案。
1.png是剪刀、2.png是石頭、3.png是布的圖片。


第 4部份的程式碼說明:

不管按什麼按鈕,都會出現贏、平手或輸這三種情形,所以這三種情形會重覆的使用。
所以我們把這三個情形下會發生什麼情形給設定一下。

建立一個叫贏的小程式。
把猜拳結果這個標籤的文字,設定為你贏了。
呼叫文字語音轉換器,唸出你出了。
呼叫音效 1播放獲勝的 mp3,這裡我放的星爺哇哈哈哈哈的笑聲。
把贏了幾次這個變數的值,設定成每次加 1。
把玩了幾次這個變數的值,設定成每次加 1。
把贏了幾次這個變數的值,設定成贏了幾次這個變數。
把玩了幾次這個變數的值,設定成玩了幾次這個變數。


第 5部份的程式碼說明:

建立一個叫平手的小程式。
把猜拳結果這個標籤的文字,設定為平手。
呼叫文字語音轉換器,唸出平手。
呼叫音效 2播放平手的 mp3。
把平手了幾次這個變數的值,設定成每次加 1。
把玩了幾次這個變數的值,設定成每次加 1。
把平手幾次這個變數的值,設定成平手幾次這個變數。
把玩了幾次這個變數的值,設定成玩了幾次這個變數。


第 6部份的程式碼說明:

建立一個叫輸的小程式。
把猜拳結果這個標籤的文字,設定為你輸了。
呼叫文字語音轉換器,唸出你輸了。
呼叫音效 2播放 mp3。
把輸了幾次這個變數的值,設定成每次加 1。
把玩了幾次這個變數的值,設定成每次加 1。
把輸了幾次這個變數的值,設定成輸了幾次這個變數。
把玩了幾次這個變數的值,設定成玩了幾次這個變數。


第 7部份的程式碼說明:

當剪刀按鈕被點選時:
把計時器的啟用計時設定為假。
把玩家最後選擇這個圖像的圖片,設定為 1.png,也就是剪刀的圖片。
然後把剪刀石頭布這三個按鈕的啟用性,設定為假。這樣就不能再按其它的按鈕。

接下來用流程判斷來決定是那一種情形。
如果電腦的選擇這個變數的值,如果等於 1的話。
那麼就是剪刀對剪刀,呼叫平手這個程式。
如果電腦的選擇這個變數的值,如果等於 2的話。
那麼就是剪刀對石頭,呼叫輸這個程式。
如果電腦的選擇這個變數的值,如果等於 3的話。
那麼就是剪刀對布,呼叫贏這個程式。


第 8部份的程式碼說明:

這個部份同樣是用流程判斷來做,差別只是呼叫程式的順序。


第 9部份的程式碼說明:

這部份也是同樣的作法。


第 10部份的程式碼說明:

當記錄重計按鈕被按下的時候:
就把相關的標籤和變數的值,設定為 0。


第 11部份的程式碼說明:

當再猜一次按鈕被點選的時候:
把計時器的啟用計時,設定為真。
把玩家最後選擇這個圖像的圖片,設定為空白。
然後把剪刀石頭布按鈕這個變數清單中的按鈕的啟用,全部設定為真。


這個的剪刀石頭布遊戲,沒有什麼特別的地方,最特別的地方大概就是這次選用的音效的笑聲。
另外,嘟哥有要求做棒打老虎雞吃蟲的遊戲。基本上的邏輯是相同的。有空在來做。

這次的 aia檔的下載連結如下:
點我下載 NO_66_ROCK_PAPER.aia

參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發佈留言