![App Inventor 角色左右移動教學 App Inventor 角色左右移動教學](https://i0.wp.com/i.imgur.com/TWGRhGe.png?resize=1140%2C641&ssl=1)
App Inventor 角色左右移動教學
本來想要做一個 Mario 遊戲,但是光是拖拉元件和設定位置,我就快不行了!Inventor 也不像 Scratch 有什麼「製造分身」可以用,於是今天就來單純介紹,如何讓圖像精靈,在畫布上左右移動吧!
只要會了這個最基本的應用,日後要再增加上下移動,也不是問題,而且以這個為基礎,還能製作像雷電那樣的遊戲!這次教學最後,會放我好幾年前做的,超超超簡易版雷電,供大家試玩!
1. 開啟 App Inventor,並新增一個專案。
需要元件如下:(計時器的計時間隔要設為 10)
![](https://i0.wp.com/i.imgur.com/WTLJtPV.png?w=960&ssl=1)
![](https://i0.wp.com/i.imgur.com/OS7zAxl.png?w=960&ssl=1)
切換至程式設計
2. 拖拉程式方塊
![](https://i0.wp.com/i.imgur.com/ofY24wF.png?w=960&ssl=1)
這是設定角色一開始的位置,如果要讓角色站在地上,Y 座標要設定成,畫布的高度減去角色圖片的高度。
因為我們用的圖片不同,所以這裡不用跟我一樣減 96。(其實這裡不做也沒關係啦!)
設定移動按鈕被壓下時的動作
![](https://i0.wp.com/i.imgur.com/ueQvltT.png?w=960&ssl=1)
因為是一按下,就要馬上移動,所以要用按鈕被壓下的方塊,被壓下後,就啟動移動計時器,來移動位置,當手放開後,再將計時器關閉。
設定移動計時器的實作內容
![](https://i0.wp.com/i.imgur.com/Zc6NDNM.png?w=960&ssl=1)
要往左移動的話,要減掉 X 座標的值,反之要加!上下移動就是加減 Y 座標
好了!移動的實作就到這邊,很簡單吧!有看不懂的歡迎留言喔~~
專案 aia 檔案下載
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊
![使用 App Inventor 將圖片上傳至 Cloudinary 使用 App Inventor 將圖片上傳至 Cloudinary](https://i0.wp.com/i.imgur.com/FFnT3Mi.png?resize=75%2C75&ssl=1)
![讀取 Google 搜尋問答資料 讀取 Google 搜尋問答資料](https://i0.wp.com/i.imgur.com/UHVkT6L.png?resize=75%2C75&ssl=1)