Construct2 初學入門教程!

1

Index

Tagged

Contributors

Stats

131,580 visits, 169,171 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

http://peruserpaid.com/?ref=79385

很高興你選擇了Construct 2!首先讓我們來開始製作HTML5的遊戲吧。我們將製作名為'Ghost Shooter'(幽靈射手)範例遊戲。點這裡運行製作完成後的遊戲。遊戲裡玩家跟隨滑鼠指向,用方向鍵移動,點擊滑鼠左鍵對敵人展開射擊!通過該例,我們將學到創建一個簡單的遊戲所需的知識——從層到事件系統!

注意:請不要在評論裡尋求幫忙!請移步到我們的論壇提問。

其他教程

初學者的其他教程: How to make a platform game,它可以讓遊戲像超級馬力歐這樣跑跑跳跳。你可以先開始閱讀其他的教程,不過我們強烈推薦你們可以完成所有教程,這樣才可以製作出任何類型的遊戲!

這裡還有一篇Kyatric的教程How to make an Asteroids clone in under 100 events

這篇教程稍有點複雜但也很詳細。

安裝 Construct 2

如果你還沒有安裝,請點擊這裡下載最新推薦版的Construct 2。Construct 2製作工具只支援Windows系統,不過你的遊戲可以在任何平臺運行,例如Mac、Linux和iPad。Construct 2也可以安裝於受限用戶。Construct 2也可以是便攜版綠色軟體,你也可以把軟體安裝在隨身碟(USB)中來製作遊戲,然後把這個隨身碟隨身帶在身邊。

新建工程

打開Construct 2,可以看到一個類似Microsoft Office 2010的介面。點擊左上角File(檔案)按鈕打開“檔案”功能表,選擇New(新建)建立工程。

新建工程視窗,你不需要更改任何東西。只要點擊創建工程。Construct 2 會把工程變成 .capx 的格式。打開後你會看到空白的 layout——這是你創建物體的地方。想想怎麼在這裡製作關卡和菜單吧。在其他的製作工具裡,這也會被叫成roomscene 或者 frame

插入對象

平鋪壁紙

首先我們來為遊戲添加背景。使用Construct 2裡的Tiled Background物件(平鋪壁紙相信大家都很熟悉。通俗點,就是一個圖片可以向四方重複粘貼,和網頁背景圖類似,能防止遊戲在載入時因圖片太大而減慢速度),下面官方提供了素材——背景圖,右擊另存到你的電腦裡:

現在,在layout畫布裡按兩下,彈出插入對象對話方塊。在該對話方塊中按兩下Tiled Background對象。

這時,滑鼠指標形狀變成了「+」形,你可以在佈局的任何位置點擊,我們在佈局中間差不多位置點擊,彈出Texture editor對話方塊,我們點擊打開資料夾圖示,把剛才保存的背景瓦片載入。

接下來按一下對話方塊右上角X關閉對話方塊,如果提示保存圖片,請保存!現在畫布上出現了背景瓦片物件。選中它,在左邊的Properties Bar屬性面板裡設置它的position位置為0,0(左上角),以及它的size大小為1280,1024(畫布的大小)。

背景創建完畢,你可以按CTRL+滑鼠滾輪來放大縮小,或者點擊view功能表-zoom命令來查看整體效果,你也可以按住space空白鍵,或者按下滑鼠中鍵,來平移畫布,很類似PS的操作。你也可以按CTRL+0或者view功能表-zoom to 100%命令來恢復畫布1:1的視圖模式。

這時,你可以點擊run圖示運行,流覽器(IE9或者Chrome,火狐最好也是新版本)將自動打開並展示遊戲。

  • 0 Comments

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