2014年1月22日 星期三

Construct 2教學:解析Platform 3 – ui layer範例

本範展示在平台遊戲場景加入圖層顯示文字訊息。

建立新專案
a. New empty project
b. Saveplatform 3 – ui layer.capx

決定場景及遊戲畫面尺寸
a. Layout1之Layout Size屬性:1280, 1024
b. Project屬性:
Window Sizeà640, 480
Fullscreen in browseràoff
Nameàplatform 3 – ui layer

在場景中加入跳板物件
a. Insert new Objectà General/Sprite
Load an image from a fileà選取block.png
b. Nameàboard
c. Sizeà240, 35
d. Behaviors
Add newàAttributes/Solid

Ctrl-drag複製5個board
適當調整6個board物件位置

加入玩家物件
a. Insert new ObjectàGeneral/Sprite
Load an image from a fileà選取gear.png
b. Nameàplayer
c. Sizeà48, 48
d. Behaviors
Add newàMovements/Platform

玩家掉落平台後自動重生
a. 切換到Event sheet
b. Add event
playeràSize & Position/Is outside layout
c. Add action
PlayeràSize & Position/Set positionà130, 180

讓場景跟隨玩家捲動
a. 切換到Layout
b. 點選player
c. Behaviors
Add newàGeneral/Scroll To

在場景上新增一個訊息圖層
a. Layers面板/Add layer at top
b. NameàUI layer
c. TransparentàYes
d. Parallaxà0, 0 (同步移動圖層,前後圖層沒有視差)
e. 點選Layer 0
f. NameàPlayer layer

加入訊息物件
a. Insert new ObjectàGeneral/Text
b. Nameàscore
c. LayeràUI layer
d. Horizontal alignmentàLeft
e. Vertical alignmentàTop
f. Sizeà200, 22

沒有留言:

張貼留言