Construct2 初學入門教程!

Favourite 1234 favourites
Tutorial written by AshleyOriginally published on 26th, June 2011 - 50 revisions

Translation Team:

4 total revisions

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

插入對象

平鋪壁紙

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

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

The Insert New Object dialog.


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

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

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

The inserted tiled background.


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

Share and Copy this Tutorial

You are free to copy, distribute, transmit and adapt this work with correct attribution. Click for more info.

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.