Construct2:自制簡易超級瑪麗射擊遊戲

Construct 2 是一個款圖形化界面的 2D 遊戲引擎。內建多種常見模組與物理運算,並支持第三方插件擴展。依靠HTML5架構,可以輕鬆開發出跨平臺應用。
Construct 2 最大的特點就是通過事件來實現各種遊戲邏輯,遊戲設計者們無需過多注重代碼部分,只需要有一定的邏輯思維和不錯的美術功底就可以輕鬆地開發比較專業的遊戲。並且在官網上有很多遊戲開發者設計的免費插件供大家下載,使得 Construct 2 幾乎可以完成任何你能想象得到的遊戲。

本文參考教程:
https://www.scirra.com/tutorials/37/beginners-guide-to-construct-2/zh/page-1

初識

在教授介紹下,筆者瞭解到了Construct2這款遊戲引擎。(官網:https://www.scirra.com/construct2)
  作爲沒有很厚實的編程基礎的大一軟件工程新生,筆者一直以爲自己離遊戲製作還很遠很遠,遙不可及。直到我接觸到Construct2,在這個平臺上,有想法的設計者們不必受自己代碼能力的約束,可以通過各種可視化編輯和即成模塊來實現自己的遊戲設計。
Start Page
  Construct2有正式版和免費體驗版兩種版本,免費版已經足以滿足我們對許多遊戲效果的設計,進入官網下載了免費版後,筆者開始了自己的第一個遊戲製作之旅。

小試

基礎界面

New
  打開Construct2,筆者迫不及待地開始了自己的New Project。
  這裏寫圖片描述
  Construct2控制界面非常簡潔直觀,無需非常詳細地閱讀教程也可以對其基本功能有大概瞭解,控制面板默認分爲:左側Properties屬性界面-可查看與編輯項目相關參數;右側上方Projects與Layers詳情-和Ps等媒體編輯軟件一樣,可以概覽與控制相關頁面和層;右側下方Objects欄-可概覽所有插入項目;中間編輯窗口-可以對遊戲基本畫面進行基本的選擇和編輯。


施工步驟

瞭解完Construct2的基本界面,讓我們來開始簡易的遊戲製作。懷着對童年回憶中的經典超級瑪麗的致敬之情,筆者決定將自己遊戲的主題定爲超級瑪麗。到素材網上下載了超級瑪麗的png素材。開始我們的遊戲製作吧~
這裏寫圖片描述

背景插入

這裏筆者採用了教程中提供的可平鋪型背景素材。

這裏寫圖片描述

layout畫布中雙擊,彈出插入對象對話框。在該對話框中雙擊Tiled Background對象,會發現鼠標指針形狀變成了十字形,在編輯窗口的任何位置點擊,彈出Texture editor對話框,點擊打開文件夾圖標,把背景素材圖片載入。平臺會自動將圖片平鋪。在左側屬性欄設置好畫布大小和背景大小同步,對齊,背景的製作就完成啦~

“精靈”置入

類似超級瑪麗、子彈、蘑菇怪這些對象元素,在Construct2中都稱爲Sprite - 精靈。Sprite的添加方法一樣是在編輯窗口畫布上雙擊點擊插入Sprite。將我們會用到的遊戲角色、子彈、怪物、以及其他如角色死亡後形態,怪物被擊殺後爆炸或者得分的形象依次導入,再將遊戲過程中暫不會出現的如死亡後形態放在畫布以外備用,就可以啦~爲了方便區分,我們還可以在右側下方的Objects欄將各元素重新命名。
這裏寫圖片描述

行爲設置

行爲 - Behaviors類似於flash中的行爲(動作),是預先封裝的功能函數。

Construct2具有以下行爲:
·8 Direction movement: 角色移動。默認操作方法爲鍵盤方向鍵。
·Bullet movement:讓元素像子彈一樣移動。其中速度等參數均可調節。
·Scroll to:鏡頭跟隨角色。
·Bound to layout:防止對象離開畫布區域。
·Destroy outside layout:當對象離開畫布區域時將其銷燬。比如子彈,如果不銷燬的話,雖然子彈已經離開了我們的可視範圍失去了遊戲意義,但依然佔用內存。
·Fade:給對象添加淡出效果,用於爆炸等特效的消失。

怎麼給元素添加行爲呢?選中元素,在左側找到Behaviours欄目,編輯,點加號添加即可~我們爲角色添加基本的方向操作、畫布封鎖、鏡頭跟隨行爲,爲怪物添加自動運動的行爲。同時爲我們預設的怪物死亡後顯示的星星的添加Faded淡出,設置時間大致爲2-3s(這樣就可以實現在我們擊殺怪物出現星星得分後自動消失啦)。
這裏寫圖片描述

事件添加

Construct2中的Events - 事件是對過程的基本判斷和執行。在此我們可以時間基本情景的編輯和處理指令。比如點擊添加事件,條件爲當子彈遇到怪物時,將怪物的血量參數Health減一;又比如添加事件條件爲當怪物血量參數爲零時,“Destory”怪物並彈出表示得分的星星標誌.ect…按照我們預設的遊戲邏輯爲遊戲編輯添加各種事件判定和指令執行。
這裏寫圖片描述

額外設置

在Construct2中,我們可以很方便地添加基本的遊戲得分Score、角色血量HP等數據的顯示。
  先在圖層上添加文本塊,爲後臺的數據顯示預留位置。並調整好字體、字號、顏色等使其與佈局適應。然後在事件控制檯添加全局變量並設定初始值,再添加事件判定,爲分數和血量計算數值並在畫面中我們預設的文本位置顯示出來。基本的數據顯示就做好啦~
  另外,我們還可以爲遊戲在角色死亡時添加GAME OVER字樣,爲我們簡(很)易(low)的遊戲劃上圓滿句號。(雖然這麼簡單的遊戲加上EASY級別的參數設置加上身經百戰的我們,要把角色的生命值玩完還是蠻難的)
  如元素添加的圖中所示,添加GAME OVER字樣並將其移到畫布之外,然後在事件設置中,在角色血量判定爲零的條件下控制該文本元素在畫布上顯示的大概位置,便可以實現遊戲結束後的GAME OVER顯示了。


DEMO體驗

在我們的基本遊戲編輯完成後,點擊RUN按鈕,這裏寫圖片描述
就可以通過瀏覽器打開我們的遊戲作品DEMO進行試玩啦~下面是本次簡易超級瑪麗射擊遊戲的DEMO展示。
這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述


本次通過Construct2製作的簡易遊戲分享到此結束。有興趣的大家也可以自行嘗試製作一款屬於自己的遊戲。遊戲製作 其實沒有想象中那麼遠。謝謝閱讀!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章