Construct 2 从零学起 / 基础第1课：快速创(zao)建(ta)主角
好了现在开始普及C2（注释：C2是Construct 2的缩写）{:nm06:}有关这货的知识可以参考官网：https://www.scirra.com/
本教程为C2最基础的第一部分=-=不涉及事件，只有对象属性设置之类的=-=反正就是很简单就对了.w.
说明：C2有3种版本，免费版、个人版和商用版，一般的游戏用免费版基本就够了，限制也不是太大。各版本比较看这里。
打开C2，第一次运行似乎会弹出几个框，大概意思是欢迎使用C2……
然后就看到了主界面：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/1.png
（我的界面被我调整过了新下载的界面似乎不是这样的 . .）
（还有就是吐槽XP下C2的界面难看死了 . . 到什么时候把图片全做成Win7下的好了）
和Office 2007+的界面很像但是还是有些不同的啦~
下面是界面介绍：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/2.png
这货相信用过Office的都知道{:nm07:} 不多介绍了= =
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/3.png
这是属性栏（Properties），用于设置游戏元素的样式什么的，之后会介绍其中内容。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/4.png
这是游戏资源管理器（Projects），管理游戏元素、图标、组件之类的。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/5.png
这是（……）图层栏（Layers），刚拿到C2的时候是和游戏资源管理器放在一起的，点击下面的选项卡样子的东西切换。
图层就相当于PS里的图层，把界面分为一层一层的，例如HUD一层、主角和其他怪物一层、背景图一层。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/6.png
这是场景中的对象（Objects），管理场景中的对象……
于是我们首先建立一个工程（游戏）：
点一下左上角的File，选择New
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/7.png
↓要求选择一个模板，用空白的模板就行了，点Open。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/8.png
然后就出来了一个画布。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/9.png
接着思考一下这个游戏的主角可以干什么。
[*]8方向走动（RPG式）
[*]控制镜头的移动
[*]不能跑出画布……
那么就这样，先准备好主角的素材~
这里我随便找了张图片……你没有的话可以用这张……
注释：箭头朝向需要为右，因为C2中默认朝向为右边。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/arrow_blue.png
在C2中，图像的显示需要使用精灵（Sprite）元素。
在画布中双击就能加入一个元素了。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/10.png
选择Sprite，然后在Name when inserted中输入“Player”（玩家）。
然后在画布中就会出现一个十字光标，和一个“Layer 0”。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/11.png
放置后就提示你导入图片了，窗口很复杂，但是要用的功能很简单。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/12.png
选择打开……
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/13.png
发现图像有透明的边缘。因为每个像素点都要参与计算，所以把透明的边缘裁剪掉是个很好的主意。在C2中只需要按工具栏上的一个键就能完成：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/14.png
然后……
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/15.png
嗯，完美。接下来把它关掉就行了，会自动保存。
就会发现画布上有个这个玩意。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/16.png
在左边的属性栏里面找到Behaviors，点一下链接，出现一个窗口用来添加对象的行为。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/17.png
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/18.png
选择“+”按钮，并双击加入8 Direction行为。对，这就是8方向行走的行为，就这么完成了。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/19.png
嗯，你也许已经要迫不及待地运行游戏了——点击顶部菜单的Run layout运行。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/20.png
你需要一个支持HTML5技术的浏览器来运行游戏。否则会显示各种提示，总之就是要一个高级浏览器……
比如Chrome、Firefox、高版本IE之类的。
于是现在你已经有一个会动的主角了，尽管只是一个箭头= =
我们再给主角加几个行为。
添加这几个行为：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/21.png
表示让镜头跟随和不能跑出画布。
主角基本完成，接下来就是添加背景了。在C2中，你有两种背景选择：平铺的背景和地图样式的背景（r152更新以上）。平铺的背景比较单一，地图样式的背景就比较灵活。当然，你也可以用一个Sprite来制作背景。这里我使用了平铺背景，因为这是个无聊的教程{:nm49:}
在C2中平铺的背景叫做“Tiled background”，你应该知道如何插入了。
我用了一张十分难看的花纹：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/tblackdot.png
结果……
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/22.png
再调整下：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/23.png
现在背景遮住了主角，这显然是错误的。因此把背景扔到最底层：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/24.png
于是我估计有人要问为什么我的背景如此对齐……因为我打开的Snap to gird。
在View菜单里找到Snap to gird打开即可。
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/26.png
现在只是一个主角走动，所以为了增加游戏性（？）我们加点障碍。
于是添加一个Sprite，Name是Wall：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/27.png
弹出了个图像编辑器，这次我们自己做一个图片：
[*]在左侧选择“填充”（油漆桶）
[*]选择一个颜色
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/28.png
[*]对着右边的图片点一下~
[*]完成~
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/29.png
获得了一面墙~
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/30.png
不过现在主角还是会穿透过去……所以可以加入“Solid”行为表示这是固体（也就是走不过去）
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/31.png
现在主角就会撞到墙了\(^o^)/
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/32.png
现在做了那么多，得保存：
http://satgo1546.ftp.urpgs.com/contents/URsC2Tutorial/img/1/33.png
然后选择一个地方把文件存起来就行了.w.
嗯，下面是总结……这节课的知识点如下：
[*]创建、保存工程
[*]建立对象
[*]给对象加上行为
[*]Sprite
[*]Tiled background
[*]8 directions
[*]Bound to layout
[*]Scroll to
[*]Solid
[*]调整对象的Z坐标（叠放次序）
[*]在C2中制作一个图像
[*]运行游戏
这节课的饭粒：Try it online（在线运行） or download（下载）
这节课没有作业~（如果你一定要交也可以，会收到银币奖励哦.w.
还有最后，请随意吐槽本帖{:nm01:} 终于出现了呢{:nm12:} 如果继续更新的话就开一个子版块专门收集C2从零学起了0w0 这是怎么回事？？ 灰太狼Wolffy55 发表于 2014-2-6 12:01 static/image/common/back.gif
这是怎么回事？？
看不出来你用的是什么浏览器，检查是否在极速模式、刷新一下试试。
又是怎么回事 本帖最后由 灰太狼Wolffy55 于 2014-2-8 13:14 编辑
可以运行工程了，但不能打开工程 灰太狼Wolffy55 发表于 2014-2-8 12:19 static/image/common/back.gif
可以运行工程了，但不能打开工程
你的C2真的是从官方下载的么= =|||
官方现在不会推荐你下载这么老的版本了
请前往https://www.scirra.com/然后直接戳进Download即可下载最新版。
页:
[1]