App Inventor學習記錄30,十分鐘自製小遊戲-3,嘟哥過馬路

這次要做的小遊戲跟前一個也差不多,同樣是用 4個按鈕控制前進的方向,只是之前是往一個方向一直前進,這次則是按一下前進一定的步數

記錄一下:
App Inventor學習記錄30,十分鐘自製小遊戲-3,嘟哥過馬路


說明一下這個遊戲的進行方式,畫面上會有三台車一直來來回回,點擊下方的按鈕,控制嘟哥閃開所有的車子,一直移到到畫面的最上端的話,就會得一分。得了一分之後,車子會加速,然後加速再加速,一直到碰到嘟哥為止。

整個畫面的配置就是像上圖這樣,車子和嘟哥的部份同樣是畫布和圖像精靈的組合,跟上一個小遊戲比較起來,差別比較大的地方只有移動方式變更,改成點擊按鈕後,嘟哥會移動多少距離。


全部的程式碼是這樣子的:


第 1段的程式碼說明:

建立 2個變數來控制速度和得分。
程式初始化之後,呼叫哥哥、第一台車、第二台車、第三台車的移動程式,讓它們移動到我們指定的地方。


第 2部份的程式碼說明

當開始遊戲這個按鈕被按下之後:
設定 3台車的指向以及速度,這裡的速度設定成隨機值,這樣每次玩都會不太一樣。
把得到的分數這個標籤的值,設定成 0。


第 3部份的程式碼說明:

當按下上、下、左、右其它一個按鈕的時候:
設定哥哥這個圖像精靈的移動方式。

這裡同樣要補充說明一下,app inventor的座標軸系統。
向右的話,x增加,向左的話,x減少。
向上的話,y減少,向下的話,y增加。


第 4部份的程式碼說明:

當哥哥這個圖像精靈碰到任何東西的時候:
把遊戲進行畫面這個垂直配直的可見性,設定為假。
把遊戲結束畫面這個垂直配直的可見性,設定為真。


第 5部份的程式碼說明:

當哥哥碰到邊界的時候,加入一個流程判斷:
如果當邊界值為 1的時候:
把哥哥這個圖像精靈的位置,移動到畫面的最下方。
把 global得分,設定為 global得分加 1。
把 global速度,設定為 global速度加 5。
把得到的分數這個標籤的值,設定為 global得分。
然後,更新一下三個圖像精靈的速度值。


第 6個部份的程式碼說明:

這一次不做反彈的動作,而是把圖像精靈碰到邊界之後,把它們移回到原本的位置後,再繼續前行,三個圖像精靈的設置都是一樣的。


第 7部份的程式碼說明:

按下再玩一次按鈕的話:
把遊戲進行畫面的垂直配置的可見性,設定為真。
把遊戲結束畫面的垂直配置的可見性,設定為假。


同樣的,這個小遊戲可以修改的元素有很多,比方說背景圖應該換一下,不然車子在天空飛來飛去是怎麼回事。最高分的存檔也要加上去。正常情況的話,車子應該是不會反彈,但是設定成反彈的話,應該會比較好玩等等的。

當初只是想變更一下移動方式為,按一下按鈕,就移動多少距離,然後就簡單的做了這個小遊戲。還有好幾種移動方式,再來慢慢的試試看寫法。

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

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

發表迴響