基於引擎開發HTML5遊戲實戰（三）—組織遊戲元素

STEP3 設計遊戲UI

這也是遊戲製作的重中之重，當然這也是很多草根團隊最犯難的，大家大多都是程式員出生，沒幾個能徒手設計出遊戲層級的素材。這一個只能去找專業的UED，再個得靠平時的收集。下面是本次實戰要用到的素材：
背景：
英雄：

怪獸：

子彈：

爆炸：

下載這些圖片用於後面製作
STEP4 製作背景和添加遊戲元素這個部分是招演員和布置情境
1）建立一個project
2）設定遊戲背景：insert new object -> Tiled Background -> Load a image from a file -> 選擇背景圖片bg.png -> 編輯position: 0,0 -> 編輯size: 1280, 1024

3）添加遊戲元素

• 添加滑鼠和鍵盤對象，用於遊戲控制：insert new object -> mouse/keyboard
• 添加圖層，並在新圖層上高亮，有別於背景：
  
• 添加英雄：insert new object -> Sprite ->  Load a image from a file -> 選擇player.png
  或者直接把圖片拖進來
• 添加怪獸：類似於添加英雄，只不過最後複製多個，而複製出來的就是instance，這個和class與instance關係類似，不多解釋
• 添加子彈和爆炸：和前面一樣