用Construct 2制作游戏时的图层和人物设置

construct2能做什么

construct2是一款跨平台二维游戏开发引擎,不需要编码,通过定义各个部件和事件完成html5的游戏开发。
该引擎可以将开发的封装成多种形式,如phonegap、cocoonjs,再用相应工具生成ios和android的应用。

特点:
不需要编程,简单直观,入门容易。长处是开发射击及动作类的平面游戏。
有丰富的英文资料。

缺点:
工具自身无法直接打包应用,必须借助第三方工具。
中文资料几乎没有。
(对我这种大一新生来说,看懂英文的路还很长啊。)


开始制作

1.明确布局的规格

首先,我们需要创造一个比系统默认值更大的布局(关卡)。在布局中的空白位置左击鼠标,“属性栏”将呈现出“布局属性”。将布局的规格改为“4000 x 2048”。
用Construct 2制作游戏时的图层和人物设置

让我们在布局中平铺背景图像。双击布局中的一个空白位置,这时候将出现一个“插入对象”对话框,双击“背景图层”对象以插入对象。
用Construct 2制作游戏时的图层和人物设置
这时候鼠标将变成一个十字光标。不管你最初将鼠标置于何处,这时候的你只要左击布局中的任何位置便可。随后图像编辑器便会打开,然后你便能够选择图像进行平铺。让我们从精灵包中输入Background Image\Background.png文件。点击“打开”图标而输入图像。
用Construct 2制作游戏时的图层和人物设置

2.添加玩家人物

右击动画帧窗口并选择“输入精灵条”选项。选择Player\Idle\Idle.png文件。注意这是一个完整的精灵条,并不是任何一个动画帧。你可以选择“输入帧”选择并输入文件列。

因为精灵条并不是方形的,所以Construct 2需要明确帧的数量。最终它将能准确地定义帧数为11。然后我们只需要点击“OK”便能够输入帧。

需要注意的是我们在一开始也拥有一个默认的空白帧,现在我们可以右击并删除它了。所以最终你的玩家闲置动画便拥有11个连续的动画帧。
用Construct 2制作游戏时的图层和人物设置

有强迫症的小伙伴可能会注意到,玩家人物的周围会有一些空白,怎么样去掉才能让人物和背景更和谐呢?这个时候就要用到裁剪。那就是按住shift键并点击图像编辑工具栏上的“裁剪”按钮。

接下来就是设置起点,所有游戏的征程都要从起点开始嘛。在平台游戏中,我们最好把起点设置在玩家人物的脚上。为了明确起点,我们要点击图像编辑器中的“设置起点和图像点”选项。这时,玩家人物身上出现的小红点就是起点,我们可以通过点击来改变它的位置。如果我们每一帧动画都要设置起点就会很累啦,这时我们可以在弹出来的图像点窗口中右击“origin”并点击”apply to whole animation”,就是应用到所有动画中。

才刚刚开始接触construct 2,也就先写一点入门的啦。