http://mobiledev.tw

1. Bird RPG http://MobileDev.TW
Bird RPG
Ryan@MobileDev.TW
1

2. Bird RPG http://MobileDev.TW
佈局HTML，連接CSS與JS
2

3. Bird RPG http://MobileDev.TW
設定狀態顯示欄位以及Canvas背景
3

4. Bird RPG http://MobileDev.TW
設定遊戲地形資料、全域變數
4

5. Bird RPG http://MobileDev.TW
擺上障礙物、主角與路人
5

6. Bird RPG http://MobileDev.TW
目標位置判斷(邊界/障礙/路人/道路)
6

7. Bird RPG http://MobileDev.TW
練習
• 請自行補齊「往上」、「往左」、「往右」三種狀況
• 如何讓主角的臉朝著方向？
7

8. Bird RPG http://MobileDev.TW
狀態顯示欄
由目標位置決定
8

9. Bird RPG http://MobileDev.TW
延伸練習 - 自動展示
• 設計一個按鈕，按下後，人物會自己行走，遭遇各
種狀況，最後走至終點。
• 怎麼模擬鍵盤被按下？
• 函數重複利用時要注意哪些狀況？
9