如何製作一個平台遊戲

1

Index

Taggé

Contributeurs

Statistiques

45,430 visites, 64,183 vues

Outils

Partager

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

添加一個層

現在我們想添加些物件了。我們可能會不小心選中背景層,除非我們鎖定它。我們可以使用層系統去實現。

我們在層上組織物件,多個層形成了圖層。把層想像成互相疊加的玻璃片,物件就是玻璃片上的畫。你可以組織物件,隱藏層,鎖定層,添加視覺效果等。比方說,本遊戲我們想在背景上展示一切,所以需要再添加一個層。

為了管理層,點擊Layers tab,它通常挨著Project bar。

你能在列表裡看到Layer 0((Construct 2從0開始計數)。點擊鉛筆圖示可以重命名成Background,這就是背景層。現在點擊綠色加號按鈕添加一個新圖層,可以稱之為Main。如果你點擊Background附近的掛鎖圖示,它就能被鎖定,這樣你就不能選中任何物件。這很方便,因為可能會誤選。如果你想修改它,再次點擊掛鎖圖示就能解鎖。

這裡還允許你隱藏圖層,我們暫時用不上。現在你的圖層看起來會是這樣:

現在,確定Main層被選中。這很重要,因為選中層就是活躍層。所有的新物件都會插在活躍層裡,所以如果它沒被選中,物件可能就插入錯了。活躍層可以在狀態欄查看,插入新物件時也有提示—沒事注意下。

添加格子

Jungle Platformer用的格子文件是Tiles\Tiles.png。我們需要導入此Sprite物件。

就像我們搭建格子背景一樣,按兩下層的空白處插入一個新物件。這次,選擇Sprite。滑鼠會變成十字星。在螢幕中點擊某處。

圖像編輯器就會打開,還會有另外的視窗,因為Sprite可以動畫。可是,我們我們看不到—它的速度是0。我們需要動畫的每一幀。然後就可以通過改變動畫幀去查看。

右鍵在Animation Frames處空白點擊,然後選擇 Import sprite strip.... 這使我們能把圖片切成小格來形成動畫,對地圖也可以這樣做。

一個對話視窗打開了,從Sprite包裡選擇Tiles\Tiles.png。Construct 2需要知道這個圖像裡有多少格子。你會注意到Tiles.png是12x12個小格。輸入12*12然後點OK。

Construct 2需要點時間去裁圖。現在你就有了144個格子作為動畫幀。我們不需要第一個空白的,所以點擊右鍵把它刪除。

你可能想調節你的動畫幀視窗大小,從而更容易看清楚。在空白處點右鍵去改變縮略圖的尺寸。

預設動畫速度是5,這意味著圖像一直在動。我們目前想要靜止的,就可以把速度改成0。在Animations視窗裡選擇Default。

屬性欄現在會顯示動畫的屬性。選擇Speed把它調成0。

現在你的圖像都保持靜止不動了。關閉編輯器,現在你的Sprite圖片都在圖層上了。

選中狀態下可以更改Sprite名。有個合適的名字總是更好。

用格子製作場景

注意你的Sprite物件有一個初始幀屬性。我們可以用這個去替換現在的格子。選中格子物件把它的初始幀改成1。

改變動畫幀會反映在圖像上。我們可以用它來設置不同的格子。

按住Control然後拖動格子,就可以複製,現在我們有3個物件了。選中中間的那個,把它的初始幀數設成10,把右邊的設成13,現在會是下面這個樣子:

如果你想再次檢查幀數,按兩下物件。圖像編輯器就會和動畫視窗一起打開。記住按住control並拖動能複製,所以你不需要總輸入初始幀數。

網格對齊

如果你想手動去對齊格子會很麻煩。你可以打開View選擇Snap to Grid。默認的網格大小是32x32,我們的格子是128x128,是32的整數倍。這樣我們就可以很簡單的對齊他們了。

試著拖動格子,你會發現網格是32x32的,這樣你很簡單就能對齊三個格子。

  • 0 Comments

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