多重画面与方向感测器应用-汽球游戏范例.PDFVIP

多重畫面與方向感測器 應用－汽球遊戲範例 課前導讀 Angry Bird 憤怒鳥遊戲是芬蘭 Rovio 公司所推出 的手機遊戲，發行後讓大家見識到觸控遊戲的 簡單與好玩，因此許多廠商都相繼投入開發智 慧型手機遊戲，例如：King 遊戲公司的 Candy Crash、港台風行的神魔之塔 ，都是很成功的手 機遊戲。除了單純觸控遊戲外，手機中有許多的 感測器可以運用，如加速度感測器、位置感測 器、方向感測器等，因此也有很多運用不同感測 器所做的遊戲，供大家下載試玩，本章將以方向 感測器所發展出的簡單遊戲。 本章將以方向感測器做為控制汽球的飄移速度，汽球不得碰觸障礙物，否 則就會破掉。配合增加畫面加入多重畫面的方式，做出 2 個遊戲關卡，遊 戲中汽球碰到障礙物會有汽球破掉的音效，到達目的地也會有過關音效， 以增加遊戲的趣味性。 本範例將以方向感測器做為控制汽球的飄移速度，共 3 個畫面(Screen1 主畫面、Game1 第 1 關畫面、Game2 第 2 關畫面)，包含 2 個遊戲關卡。 其程式運作是從 Screen1 開始，當按下「開始遊戲」時就會開啟 Game1 第 1 關畫面，如果第 1 關破關了，就會再開啟 Game2 第 2 關的畫面。 每個關卡的球形精靈元件做為破關之目的地，圖片精靈元件則做為木棍障 礙物，汽球碰觸障礙物會破掉，同時有破掉的音效與畫面，而到達目的地也會 有過關的音效。底下將針對這 3 個畫面分別解說其畫面配置、外觀編排視窗與 程式設計視窗的內容，其中 Game1 與 Game2 程式碼相當類似，所以只解說 Game1 的部份，Game2 部份請自行觀看。 遊戲標題畫面 (Screen1) 畫面配置 01 登入 App Inventor 2 後，在專案功能表中，按「新建專案」，輸入 「Ball」後再按「確定」鈕，建立一個新的專案，並在「增加畫面」新增 「Game 1」、「Game2」兩個畫面。 02 請依照下表新增元件，完成各個元件的設定(元件名稱和圖示請對照上 圖)。 2 多重畫面與方向感測器應用 － 汽球遊戲範例 元件名稱 屬性名稱 設定說明 水平對齊 置中 Screen1 畫面方向 鎖定直式畫面 標題 汽球遊戲 字元尺寸 20 標籤1 文字 空白 圖片 ball.png 圖片1 寬度 填滿 高度 50 像素 字元尺寸 20 遊戲說明：\n1、汽球不能碰到 標籤2 文字 木條，否則會爆。\n2、綠色的 洞是過關的位置。\ n 文字顏色 洋紅 文字 開始遊戲 按鈕1 文字顏色 藍色 對話框1 不用設定 03 最後在素材框架下點選「上傳文件」，上傳 boom.png 圖片。 程式設計 這個畫面的功能，按下開始遊戲鈕就切換到關卡 1 的畫面： 01 當按