App Inventor學習記錄 201-TicTacToe圈叉遊戲製作外掛

之前有用按鈕做過圈叉遊戲,請參考:App Inventor學習記錄86,圈叉遊戲範例
如果大家嫌麻煩的話,可以直接用 TicTacToe這一個外掛來做。

記錄一下:
App Inventor學習記錄 201-TicTacToe圈叉遊戲製作外掛


這次範例的完成器如下。

這個外掛已經把所有的東西都處理好,我們只能拉一下它的方塊來用,就可以把這個遊戲做出來。
優點是快速方便,缺點是沒有辦法自訂我們想要的效果。
它的畫面就是像上面這樣。


畫面編排的部份如下。

是的,這個範例中,除了 1個按鈕和一個標籤之後,就是一個垂直配置和一個 TicTacToe外掛元件。


全部的程式方塊如下。


第 1部份的程式方塊記錄。

when screen 1.initialize,當程式初始化的時候。
call tictactoe1.initialize view呼叫外掛中,套用顯示圈叉遊戲的方塊,component參數中,放要顯示圈叉遊戲的垂直配置。


第 2部份的程式方塊記錄。

按鈕 1按下的時候,call tictactoe1.restgame,呼叫外掛中遊戲重新啟動的外掛。


第 3部份的程式方塊記錄。

這一個事件,也是外掛中的方塊,當輪到 X的回合的時候,把標籤 1的文字設定成 “換 X”。


第 4部份的程式方塊記錄。

同理,當輪到 O的回合的時候,把標籤 1的文字設定成 “換 O”。


第 5部份的程式方塊記錄。

當遊戲平手的時候,跳出訊息框,顯示平手。


第 6部份的程式方塊記錄。

同樣是外掛中的事件方塊,當有人獲勝的時候
當 winner的值為 0的時候,呼叫訊息框顯示 X獲勝,不然就顯示 O獲勝。

好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!

發表迴響