1. 程式人生 > >用Construct 2製作一款簡單的html遊戲

用Construct 2製作一款簡單的html遊戲

很多人都喜歡玩遊戲,可是說到製作遊戲,絕大多數人就開始撓頭了,今天博主就向大家展示如何製作一款簡單的html遊戲。

一、下載並安裝Construct 2

點選這裡以下載最新版本的Construct 2 進入網頁後點擊Download即可下載

二、新建一個專案

安裝好Construct 2之後,進入程式,新建專案即可

三、插入物件(背景、人物、效果等)

  1. 首先應該尋找一張作為背景的圖片博主選擇的是大雄(哆啦A夢中人物)背景,如下圖所示:

  2. 雙擊空白以插入物件,點選Tiled Background,點選insert以插入,出現十字準線後單擊,會開啟Edit texture,點選load an image from a file,找到背景圖的位置,然後選擇它,關閉Edit texture,調整背景以及佈局(白色區域)的大小使其幾乎重疊

  3. 新增圖層Main,確保在圖層欄中選擇了“Main”圖層。這很重要因為所選圖層是活動圖層。所有新插入的物件都插入到活動層中,因此如果未選中,我們將意外插入到錯誤的層。

  4. 新增輸入物件,雙擊layout1空白處以插入另外的新物件,這次是Mouse和Keyboard。這些物件不需要放置在佈局中。它們是隱藏的,並自動在專案範圍內工作。現在我們專案中的所有佈局都可以接受滑鼠和鍵盤輸入。

  5. 插入遊戲物件,比如Player(哆啦A夢)、Monster(老鼠,因為哆啦A夢的耳朵被老鼠咬掉了)、Bullet(哆啦A夢最喜歡的銅鑼燒)、Explosion(爆炸效果)等。

四、新增行為

  1. 瞭解一些行為: 8 Direction movement:這使您可以使用箭頭鍵移動物件。它會很好地適應玩家的運動。 Bullet movement:這只是以當前角度向前移動一個物體。它對玩家的子彈很有用。儘管有這個名字,它也可以很好地移動怪物,因為所有的移動都是以某種速度向前移動物體。 Scroll to:這使得螢幕在移動時跟隨物件,這對玩家有用。 Bound to layout:這將停止一個物體離開佈局區域。這對玩家也很有用,所以他們不能在遊戲區域外遊蕩! Destroy outside layout:而不是停止離開佈局區域的物件,如果它停止,則會破壞它。它對我們的子彈很有用。沒有它,子彈將永遠飛離螢幕,總是佔用一點記憶體和處理能力。相反,我們應該在他們離開佈局後銷燬子彈。 Fade:這逐漸使物體淡出,我們將用於爆炸。

  2. 如何新增行為:

  3. 建立更多的Monster。按住Ctrl用滑鼠拖動Monster以建立,七至八個即可。

五、新增活動(Event)

  1. 要想讓Player一直看著滑鼠,完成起來應該會這樣。

  2. 同理你可以這樣新增更多活動。 讓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變得更聰明

    : Event: System–>On start of Layout Action: Monster–>Set angle–>random(360) 當Monster離開layout1時讓他們指向Player: Event: Monster–>Is outside layout Action: Monster–>Set angle toward position–>For X, Player.X - for Y, Player.Y.

  3. 注意到Explosion2爆炸時有背景(黑色),只需將Effects裡的Blendmode從Normal改為Additive。

六、例項變數

  1. 我們要為Monster設定血量以不至於被一次消滅。

  2. 適當修改之前的Event以適應剛建立的例項變數Health。 比如Monster被Bullet擊中一次後Health減1:

  3. 新增一個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

  4. 設定分數(Score)以及相關Event的修改。

  5. 展示分數。

  6. 使Monster可以不斷產生。 Event: System–>Every X seconds–>3 Action: System–>Create object–>Monster, layer 1, 960 (for X), random(600) (for Y)

  7. 使Monster可以殺死Palyer。 Event: Monster–>On collision with another object–>Player Action: Player–>Destroy

至此,遊戲的製作已經基本完成啦!

以下是遊戲展示: