用Construct 2製作一款簡單的html遊戲
很多人都喜歡玩遊戲,可是說到製作遊戲,絕大多數人就開始撓頭了,今天博主就向大家展示如何製作一款簡單的html遊戲。
一、下載並安裝Construct 2
點選這裡以下載最新版本的Construct 2 進入網頁後點擊Download即可下載
二、新建一個專案
安裝好Construct 2之後,進入程式,新建專案即可
三、插入物件(背景、人物、效果等)
-
首先應該尋找一張作為背景的圖片博主選擇的是大雄(哆啦A夢中人物)背景,如下圖所示:
-
雙擊空白以插入物件,點選Tiled Background,點選insert以插入,出現十字準線後單擊,會開啟Edit texture,點選load an image from a file,找到背景圖的位置,然後選擇它,關閉Edit texture,調整背景以及佈局(白色區域)的大小使其幾乎重疊
-
新增圖層Main,確保在圖層欄中選擇了“Main”圖層。這很重要因為所選圖層是活動圖層。所有新插入的物件都插入到活動層中,因此如果未選中,我們將意外插入到錯誤的層。
-
新增輸入物件,雙擊layout1空白處以插入另外的新物件,這次是Mouse和Keyboard。這些物件不需要放置在佈局中。它們是隱藏的,並自動在專案範圍內工作。現在我們專案中的所有佈局都可以接受滑鼠和鍵盤輸入。
-
插入遊戲物件,比如Player(哆啦A夢)、Monster(老鼠,因為哆啦A夢的耳朵被老鼠咬掉了)、Bullet(哆啦A夢最喜歡的銅鑼燒)、Explosion(爆炸效果)等。
四、新增行為
-
瞭解一些行為: 8 Direction movement:這使您可以使用箭頭鍵移動物件。它會很好地適應玩家的運動。 Bullet movement:這只是以當前角度向前移動一個物體。它對玩家的子彈很有用。儘管有這個名字,它也可以很好地移動怪物,因為所有的移動都是以某種速度向前移動物體。 Scroll to:這使得螢幕在移動時跟隨物件,這對玩家有用。 Bound to layout:這將停止一個物體離開佈局區域。這對玩家也很有用,所以他們不能在遊戲區域外遊蕩! Destroy outside layout:而不是停止離開佈局區域的物件,如果它停止,則會破壞它。它對我們的子彈很有用。沒有它,子彈將永遠飛離螢幕,總是佔用一點記憶體和處理能力。相反,我們應該在他們離開佈局後銷燬子彈。 Fade:這逐漸使物體淡出,我們將用於爆炸。
-
如何新增行為:
-
建立更多的Monster。按住Ctrl用滑鼠拖動Monster以建立,七至八個即可。
五、新增活動(Event)
-
要想讓Player一直看著滑鼠,完成起來應該會這樣。
-
同理你可以這樣新增更多活動。 讓Player發射Bullet: Event: Mouse–>On click–>Left clicked (the default) Action: Player–>Spawn another object–>For Object, choose the Bullet object. 讓Bullet殺死Monster: Event: Bullet–>On collision with another object–>pick Monster. Action: Monster–>Destroy Action: Bullet–>Spawn another object–>Explosion1, layer 1 Action: Bullet–>Destroy 使Monster變得更聰明
-
注意到Explosion2爆炸時有背景(黑色),只需將Effects裡的Blendmode從Normal改為Additive。
六、例項變數
-
我們要為Monster設定血量以不至於被一次消滅。
-
適當修改之前的Event以適應剛建立的例項變數Health。 比如Monster被Bullet擊中一次後Health減1:
-
新增一個Event使得Monster的Health為0時死亡。 Event: Monster–>Compare instance variable–>Health, Less or equal, 0 Action: Monster–>Spawn another object–>Explosion1, layer 1 Action: Monster–>Destroy
-
設定分數(Score)以及相關Event的修改。
-
展示分數。
-
使Monster可以不斷產生。 Event: System–>Every X seconds–>3 Action: System–>Create object–>Monster, layer 1, 960 (for X), random(600) (for Y)
-
使Monster可以殺死Palyer。 Event: Monster–>On collision with another object–>Player Action: Player–>Destroy