Construct 2游戏制作教程之连线消除

一.新建项目并设置背景。

二.创建对象

1)使用图片Game Field Images/GameFieldBorder.bmp。

2)将对象命名为GameFieldBorder。

3)将位置设为9,-12。

4)将大小设为16,732。

5)将图层设为Game Field。

三.制作GameFieldBottom的复制对象。

1)将位置设为196,-30。

2)将角度设为180。

Match-3_Construct_2_tutorial_p1(from gamedev)

Match-3_Construct_2_tutorial_p1(from gamedev)

最后我们要制作一个方块呈现区域的背景。

1.创造一个新的“精灵”对象。

1)到颜色选择器中将红、绿、蓝设置为0,并将Alpha设为200。

2)使用漆桶用这种颜色填充整个图像。

3)关闭动画编辑器。

4)将大小设为359,570。

5)将位置设为195,294。

6)将图层设为“背景”。

Match-3_Construct_2_tutorial_p1(from gamedev)

Match-3_Construct_2_tutorial_p1(from gamedev)

游戏区域已经完成了,但我们还得制作一个能够用于“方块”的“精灵”。

三.制作精灵对象

1.制作一个新的精灵对象。

1)打开动画编辑器,右击动画帧窗口,选择“输入帧”。

2)选中图像包中“方块”文件夹内所有的图片,并全部输入。

3)删除0帧,令灰色方块图变成0帧,这样就不存在空白帧了。

4)确认你的帧排列顺序无误,如下图所示:

Match-3_Construct_2_tutorial_p1(from gamedev)

        5)将方块大小设为40,40。

四.随机产生方块。

在游戏的最终版本中,方块会不断冒出,新方块会从底下涌现。现在,我们要让基本机制运行,所以我们只需要生成一个8*8网格的方块。

去Event Sheet 1并添加这些全局变量,以确定方块的最初生成位置:

Global Variable: SPAWNX
Value = 49
Constant = True
Global Variable: SPAWNY
Value = 526
Constant = True

Match-3_Construct_2_tutorial_p1(from gamedev)
五.制作事件。

在制作第一个事件之前,我们还有其他事情要做:我们得为方块创造一个告知其颜色的实体变量。

为方块对象创造一个新实体变量,将其命名为“颜色”,不要更改任何设置。

现在我们要开始制作首个事件。这个事件的目标是创建一个静态的方块网格以便测试所用:Event :
Condition: System>On start of layout
Condition: System>For
Name: “Y”
Start index = 0
End index = 7
Sun-Event: System>For
Name: “X”
Start index = 0
End index = 7
Action: System>Create Object
Object: Block
X = (SPAWNX + (loopIndex(“X”))*Block.Width + 2)
Y = (SPAWNY – (loopIndex(“Y”))*Block.Width + 2)

接下来,我们要使用之前制作的实体变量为每个方块赋予一个颜色值。为此,要添加另一个“动作”:

Action: Block>Set value
Color = floor(Random(1,7))

这将为方块随机分配1至6的颜色值。

现在你将看到如下函数:

Match-3_Construct_2_tutorial_p1(from gamedev)

我们还得添加一个基于数值改变方块图像的系统。为此,先对方块对象添加一个新实体变量:

Instance Variable for Block
Name: “IsMatched”
Type: Boolean
initial value = false

最后,添加一个新事件:

Event: System>Every Tick
Action: Block>Set Frame
Value = (Block.Color-1)*3 + 1


这是游戏的样式:Match-3_end_of_part_1(from gamedev)11

发布了12 篇原创文章 · 获赞 1 · 访问量 3164
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览