Construct 2 从零学起 / 基础第1课：快速创(zao)建(ta)主角

satgo1546

好了现在开始普及C2（注释：C2是Construct 2的缩写）
有关这货的知识可以参考官网：https://www.scirra.com/
本教程为C2最基础的第一部分=-=不涉及事件，只有对象属性设置之类的=-=反正就是很简单就对了.w.
说明：C2有3种版本，免费版、个人版和商用版，一般的游戏用免费版基本就够了，限制也不是太大。各版本比较看这里。

---

打开C2，第一次运行似乎会弹出几个框，大概意思是欢迎使用C2……
然后就看到了主界面：

（我的界面被我调整过了新下载的界面似乎不是这样的 . .）
（还有就是吐槽XP下C2的界面难看死了 . . 到什么时候把图片全做成Win7下的好了）

和Office 2007+的界面很像但是还是有些不同的啦~
下面是界面介绍：


这货相信用过Office的都知道 不多介绍了= =


这是属性栏（Properties），用于设置游戏元素的样式什么的，之后会介绍其中内容。


这是游戏资源管理器（Projects），管理游戏元素、图标、组件之类的。


这是（……）图层栏（Layers），刚拿到C2的时候是和游戏资源管理器放在一起的，点击下面的选项卡样子的东西切换。
图层就相当于PS里的图层，把界面分为一层一层的，例如HUD一层、主角和其他怪物一层、背景图一层。


这是场景中的对象（Objects），管理场景中的对象……

于是我们首先建立一个工程（游戏）：
点一下左上角的File，选择New

↓要求选择一个模板，用空白的模板就行了，点Open。


然后就出来了一个画布。


接着思考一下这个游戏的主角可以干什么。

• 8方向走动（RPG式）
• 控制镜头的移动
• 不能跑出画布……
  

那么就这样，先准备好主角的素材~
这里我随便找了张图片……你没有的话可以用这张……
注释：箭头朝向需要为右，因为C2中默认朝向为右边。


在C2中，图像的显示需要使用精灵（Sprite）元素。
在画布中双击就能加入一个元素了。

选择Sprite，然后在Name when inserted中输入“Player”（玩家）。

然后在画布中就会出现一个十字光标，和一个“Layer 0”。


放置后就提示你导入图片了，窗口很复杂，但是要用的功能很简单。


选择打开……


发现图像有透明的边缘。因为每个像素点都要参与计算，所以把透明的边缘裁剪掉是个很好的主意。在C2中只需要按工具栏上的一个键就能完成：


然后……

嗯，完美。接下来把它关掉就行了，会自动保存。

就会发现画布上有个这个玩意。


在左边的属性栏里面找到Behaviors，点一下链接，出现一个窗口用来添加对象的行为。



选择“+”按钮，并双击加入8 Direction行为。对，这就是8方向行走的行为，就这么完成了。


嗯，你也许已经要迫不及待地运行游戏了——点击顶部菜单的Run layout运行。


你需要一个支持HTML5技术的浏览器来运行游戏。否则会显示各种提示，总之就是要一个高级浏览器……
比如Chrome、Firefox、高版本IE之类的。
于是现在你已经有一个会动的主角了，尽管只是一个箭头= =

我们再给主角加几个行为。
添加这几个行为：

表示让镜头跟随和不能跑出画布。

主角基本完成，接下来就是添加背景了。在C2中，你有两种背景选择：平铺的背景和地图样式的背景（r152更新以上）。平铺的背景比较单一，地图样式的背景就比较灵活。当然，你也可以用一个Sprite来制作背景。这里我使用了平铺背景，因为这是个无聊的教程

在C2中平铺的背景叫做“Tiled background”，你应该知道如何插入了。

我用了一张十分难看的花纹：


结果……


再调整下：


现在背景遮住了主角，这显然是错误的。因此把背景扔到最底层：


于是我估计有人要问为什么我的背景如此对齐……因为我打开的Snap to gird。
在View菜单里找到Snap to gird打开即可。


现在只是一个主角走动，所以为了增加游戏性（？）我们加点障碍。
于是添加一个Sprite，Name是Wall：


弹出了个图像编辑器，这次我们自己做一个图片：

• 在左侧选择“填充”（油漆桶）
• 选择一个颜色
  
• 对着右边的图片点一下~
• 完成~
  
  

获得了一面墙~


不过现在主角还是会穿透过去……所以可以加入“Solid”行为表示这是固体（也就是走不过去）

现在主角就会撞到墙了\(^o^)/

现在做了那么多，得保存：

然后选择一个地方把文件存起来就行了.w.

嗯，下面是总结……这节课的知识点如下：

• 创建、保存工程
• 建立对象
• 给对象加上行为
• Sprite
• Tiled background
• 8 directions
• Bound to layout
• Scroll to
• Solid
• 调整对象的Z坐标（叠放次序）
• 在C2中制作一个图像
• 运行游戏
  

这节课的饭粒：Try it online（在线运行） or download（下载）

这节课没有作业~（如果你一定要交也可以，会收到银币奖励哦.w.

还有最后，请随意吐槽本帖

翎·仲秋

终于出现了呢

Sonic1997

如果继续更新的话就开一个子版块专门收集C2从零学起了0w0

灰太狼Wolffy55

这是怎么回事？？

satgo1546

灰太狼Wolffy55 发表于 2014-2-6 12:01
这是怎么回事？？

看不出来你用的是什么浏览器，检查是否在极速模式、刷新一下试试。

灰太狼Wolffy55

又是怎么回事

灰太狼Wolffy55

可以运行工程了，但不能打开工程

satgo1546

灰太狼Wolffy55 发表于 2014-2-8 12:19
可以运行工程了，但不能打开工程

你的C2真的是从官方下载的么= =|||
官方现在不会推荐你下载这么老的版本了
请前往https://www.scirra.com/然后直接戳进Download即可下载最新版。