Construct2 初學入門教程!

1

Index

Tagged

Contributors

Stats

131,180 visits, 168,442 views

Tools

Translations

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 6 Feb, 2016. Last updated 25 Feb, 2019

添加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部分(強烈推薦,這樣你就可以更快速地製作你自己的遊戲了)。如果你還需要更多説明,別忘了我們還有完善的文檔

  • 0 Comments

Want to leave a comment? Login or Register an account!