HTML5遊戲開發進階 8 ：新增更多的遊戲元素

首先，我們將建立一個經濟系統，玩家通過煉油廠可獲取資金，並消耗資金購買建築和單位。

接著，通過為遊戲關卡建立指令碼化的事件系統，來控制遊戲的故事線。實現向玩家顯示訊息或通知的功能。

最後，我們將利用這些元素，允許玩家開始並完成關卡任務。

8.1 實現基本的經濟系統

    有一個非常簡單的經濟系統。任務開始時，玩家獲得一筆啟動資金，然後就需要通過在油田上採集油礦來獲得更多的資金。玩家能夠在側邊欄上看到自己當前的資金餘額。可以在側邊欄上購買建築和單位。

    設定啟動資金：maps.js

    獲取資金：採油車功能     

8.2 購買建築和單位

    基地用來建造建築，而星港用來建造車輛和飛行器。玩家通過選中基地或星港，然後單擊側邊欄上相應的購買按鈕，來建造它們。

    sidebar.js

    新增側邊欄按鈕：   

    啟用與禁用側邊欄按鈕：只有當玩家選中某相應的建築，而且具有足夠的資金時，才易用側邊欄上相應的按鈕。

    在星港建造車輛和飛行器：sidebar物件處理滑鼠單擊事件

    從基地建造建築

8.3 結束關卡

    當玩家成功完成關卡目標之後，就會顯示一個訊息框，並載入下一關。如果玩家任務失敗，我們也會向玩家提供重新開始當前任務或離開單人戰役的選項。

    實現訊息對話方塊：一個模態對話方塊。