Construct 2遊戲設計 - 角色動畫II

在設計遊戲時，通常會為角色設計不同動畫，讓角色在不同狀態下展現不同動作；例如角色在靜止、奔跑、跳躍、攻擊、防禦時，就需要有不同動畫效果
我可以在Sprite物件加入多組動畫

 

我們還需要為角色設定事件及對應動作，以便讓角色在不同狀態下能套用不同動畫

程式測試結果 (使用方向鍵操控角色)

Construct 2遊戲設計 - 角色動畫

Sprite sheet在2D遊戲設計時經常使用的動畫素材，概念是將角色的連續動畫合併在一張圖中，讓遊戲引擎自動依序撥放Sprite sheet中的圖框，達到角色本身的動畫效果。
首先要設計角色的Sprite sheet動畫，將角色動作分割成幾個分解動作圖框，這部份可以使用自己熟悉的繪圖軟體，例如下圖

之後再將Sprite sheet去背。

接著說明如何在Conctruct 2中使用Sprite sheet。

首先在Window中加入一個sprite物件

在Animation frames快顯功能表選擇import sprite strip，加入剛才編輯的Sprite sheet，並提供Sprite sheet內的圖框行列規格。

之後刪除Animation frames中的預設空圖框。

將動畫Loop屬性設定為True，讓動畫循環播放

最後調整適當sprite物件之大小及位置，執行程式就可看到場景中的角色具備自己的動作了。

Construct 2遊戲設計 - 角色移動

由Window快顯功能表，選擇Insert new object -> General -> Sprite，並設定物件名稱為Player

在Window區中角色位置，之後在Sprite編輯視窗中加入角色圖片

執行專案，發現還無法操作角色移動。

在Player之Properties視窗點選Add / edit欄之Behavior，在Player: Behaviors編輯視窗中點選Add New -> 8 Direction

再次執行程式，已經可以使用方向鍵移動

我們只要角色左右移動，由Player之Properties視窗，將Behaviors/Directions屬性改為Left & right

再次執行程式，角色已經限制為只能左右移動, 不過後退時圖形會反轉

由Player之Properties視窗，將Behaviors/Set angle屬性改為No

再次執行程式，角色已經正常前進後退

Construct 2 - Layout

Construct專案預設會包含一個Layout，在Construct 2中，Layout就是遊戲的一個關卡或場景地圖
在作業視窗中的白色區域就是Layout空間，其左上方會看到一個虛線區域稱為Window空間，也是就在遊戲玩家可看到的遊戲畫面空間，玩家可能是在一個很大的遊戲地圖中移動。

在作業視窗四個角落標示內的藍灰色區域為頁邊空白（Margin），只是捲動Layout作業視窗時的可移動空間。

在屬性視窗之專案設定（Project settings）中可看到Window Size設定值，預設為寬640、高480

在屬性視窗之版面屬性（Layout properties）中可看到Layout Size設定值，預設為寬1280、高1024；Margins設定值，預設寬500、高500

HTML5 2D遊戲引擎 - Construct 2

一款圖形化介面的2D遊戲引擎，內建多種常見模組與物理運算，符合HTML5架構，支援多平台開發。

下載Construct 2
下載Game Assets (free bundle)

Android應用程式：Unable to resolve superclass of L...

最近更新SDK，結果發現之前測試的Map v2專案執行時都產生Unable to resolve superclass of L...問題而異常終止，解決方式如下：

1. 開啟專案屬性視窗
2. 點選Java Build Path節點
3. 勾選Order and Export頁籤下的"Android Private Libraries"項目，