Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HowToMakeASimpleRPG

705 views

Published on

http://mobiledev.tw

Published in: Technology
  • Be the first to comment

  • Be the first to like this

HowToMakeASimpleRPG

  1. 1. Bird RPG http://MobileDev.TW Bird RPG Ryan@MobileDev.TW 1
  2. 2. Bird RPG http://MobileDev.TW 佈局HTML,連接CSS與JS 2
  3. 3. Bird RPG http://MobileDev.TW 設定狀態顯示欄位以及Canvas背景 3
  4. 4. Bird RPG http://MobileDev.TW 設定遊戲地形資料、全域變數 4
  5. 5. Bird RPG http://MobileDev.TW 擺上障礙物、主角與路人 5
  6. 6. Bird RPG http://MobileDev.TW 目標位置判斷(邊界/障礙/路人/道路) 6
  7. 7. Bird RPG http://MobileDev.TW 練習 •  請自行補齊「往上」、「往左」、「往右」三種狀況 •  如何讓主角的臉朝著方向? 7
  8. 8. Bird RPG http://MobileDev.TW 狀態顯示欄 由目標位置決定 8
  9. 9. Bird RPG http://MobileDev.TW 延伸練習 - 自動展示 •  設計一個按鈕,按下後,人物會自己行走,遭遇各 種狀況,最後走至終點。 •  怎麼模擬鍵盤被按下? •  函數重複利用時要注意哪些狀況? 9

×