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

2021-08-15 15:10:17 字數 736 閱讀 1606

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

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

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

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

設定啟動資金:maps.js

獲取資金:採油車功能     

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

sidebar.js

新增側邊欄按鈕:   

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

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

從基地建造建築

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

實現訊息對話方塊:乙個模態對話方塊。

html5遊戲開發

一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖,以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫,畢竟 動靜結合 是先有動再有靜。看了上一章的內容,或許你就有了對html5實現動畫有了初步了解 二 html...

HTML5遊戲開發系列教程8 譯

這是我們最新一篇html5遊戲開發系列文章。我們將繼續使用canvas來進行html5遊戲開發系列的文章。這次我將展示在你的專案中,如何使用box2d的建立物體。box2d是乙個非常流行的開源物理引擎對於那些需要模擬2d物體的應用來說。在遊戲開發中,2d物理引擎是個非常熱門的話題。有了物理引擎的幫助...

Html5 移動遊戲開發

有很多遊戲採用h5技術開發,比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發,h5開發成本低,效率高,方便做自動更新,可移植性好。受益於h5技術,我們公司的很多產品都很方便跨平台。早在2012年,我就很榮幸負責技術攻關,把我們的遊戲移植到win8和wp8平台,當時在國內的win8...