
App Inventor 角色左右移動教學
本來想要做一個 Mario 遊戲,但是光是拖拉元件和設定位置,我就快不行了!Inventor 也不像 Scratch 有什麼「製造分身」可以用,於是今天就來單純介紹,如何讓圖像精靈,在畫布上左右移動吧!
只要會了這個最基本的應用,日後要再增加上下移動,也不是問題,而且以這個為基礎,還能製作像雷電那樣的遊戲!這次教學最後,會放我好幾年前做的,超超超簡易版雷電,供大家試玩!
1. 開啟 App Inventor,並新增一個專案。
需要元件如下:(計時器的計時間隔要設為 10)


切換至程式設計
2. 拖拉程式方塊

這是設定角色一開始的位置,如果要讓角色站在地上,Y 座標要設定成,畫布的高度減去角色圖片的高度。
因為我們用的圖片不同,所以這裡不用跟我一樣減 96。(其實這裡不做也沒關係啦!)
設定移動按鈕被壓下時的動作

因為是一按下,就要馬上移動,所以要用按鈕被壓下的方塊,被壓下後,就啟動移動計時器,來移動位置,當手放開後,再將計時器關閉。
設定移動計時器的實作內容

要往左移動的話,要減掉 X 座標的值,反之要加!上下移動就是加減 Y 座標
好了!移動的實作就到這邊,很簡單吧!有看不懂的歡迎留言喔~~
專案 aia 檔案下載
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊

