添加HUD元素
玩過遊戲的都知道HUD,遊戲介面最上面固定不動的介面元素,顯示玩家生命值,分數等其他資訊。接著我們來添加一個超級簡單的HUD,只有一個文本物件text object。因為我們要讓HUD介面的物件保持固定不動,而Main圖層我們是需要跟隨角色滾動的。所以新建一個圖層HUD,設置parallax屬性為0,這樣該層就不再滾動
在圖層面板layers bar中新建一個層HUS。請確保該層在最頂上位置,並選中,然後在屬性面板中設置Parallax屬性值X,均Y為0,0。
在畫布空白處按兩下插入物件,選擇Text Object,放置于畫布的左上角,我們的背景是黑灰系的,我們去更改字體大小,顏色等讓文本看得很清楚。並通過調整杆(選中物件時,四方框上的正方形)拉伸文本足夠寬來顯示分數。如下:
切換到事件表中。我們來添加動作讓分數每幀可以更新。點擊Every tick事件,添加動作Text->Set Text。
使用&文本連接操作符,我們可以轉換數位為文本並和文本字元串連接。輸入如下:
"Score:" & Score //文本字串 用雙引號括起來,變數則不要
運行遊戲,射擊怪物,現在分數已可顯示更新,保持位置不變。
最後一步
教程接近尾聲了,我們再添加一些功能並總結。
添加如下事件:
條件:System->Every X seconds->3 //添加系統事件每3秒啟動
動作:system->Create object->Monster,layer 1,1400(for X),random(1024)(for Y) //在圖層1創建怪物實例,座標可以自己指定,這裡為畫布最右邊還過去點,已離開畫布,因為我們畫布的大小為1280,1024,Y座標為亂數0-1024
總結
恭喜,你已使用Construct 2創建了第一個HTML 5遊戲,你可以點擊左上角檔功能表中的Export匯出命令匯出遊戲相關網頁檔,放置於網站空間,也可以用網頁編輯軟體編輯生長的網頁,添加廣告等,或者置入現成網頁。
在本節課程中,我們學習了一些最基本但很重要的知識點:插入物件,使用層、行為、事件等。希望能引起你對Construct 2的興趣,繼續使用它來創建更多更好的遊戲。
最後事項
試試看下載完成教程範例 tutorial project。這個範例加入了其他的一些功能:Game over文字、讓怪獸增加速度等等。Knowing what you know now, it shouldn't be hard to figure out how it works. There are also lots of comments describing how it works.
完美!如果你覺得還有什麼可以進步的,請在論壇留下你的留言。我們會看到我們還能做什麼!
最後,如果你覺得你的朋友也會喜歡Construct 2,為什麼不給他們這個網站的連結呢?相信這不會對他們有什麼害處的 :)
更多閱讀
想要添加遊戲音效?你可以看這篇教程:Sounds & Music。
How to make a platform game是一篇關於製作類似超級瑪麗遊戲的教程,有興趣的話也可以去看看。
如果你想瞭解更多有關Construct 2中的事件運作方式,可以看文檔中的How Events Work部分(強烈推薦,這樣你就可以更快速地製作你自己的遊戲了)。如果你還需要更多説明,別忘了我們還有完善的文檔。