construc游戏之avg

一、创建画布

1.起初，把view中网格线grid的两个选项勾选，并改为16，16。
2.然后，添加layout层数至3层，为方便，把layout 0, layout 1, layout 2依次改名为bg(background), game, ui(user interface)。
3.点击project, 把windous size改为800，600。再点击project下方的layout1，把layout size也改为800，600.
4.添加背景图片，选中bg层，然后双击中间的空白页面，会弹出一些选项。你需要勾选tiled background, 然后会出现一个类似ps的弹窗，你可以把事先在网上下载一些资源图片插入bg层，通过伸展图片。然后点击bg层左边的锁的图样，锁上bg，防止bg层遭到不必要的改动。需要改动时，再点击一次即可解锁。

二、添加对象

插入画面对象，点击game层，然后打开文件图片，把人物图像拽到游戏中即可添加啦。
做完上述步骤后，大概的样子如下：
给大家一个还不错的图片素材网址

二、图片翻转

注：以下操作均在game层。
如果人物图片要反过来，可以进行如下操作，点击事件表event sheet, 然后add event，点选system, 点选on start of layout添加了一个触发条件，即：对于游戏系统，开始展现layout时，即进行操作。
那么进行的操作是将人反过来，点选add action, 选择要反过来的人物图片，点选set mirrored，即产生镜像效果哦！set flip也是类似，不过是竖直翻转。如图

这两种翻转也可以通过修改图片参数来达到，点选人物图片，把size改成对应的负值，就可以啦！

三、可视化设置

角色人物没那么快出现，要把她藏起来怎么办呢？这时候就可以通过设置visible对人物的可视化进行操作啦。
在event sheet右边点选add action, 点选人物，然后点选set visible, 然后呢，选visible是可见，invisible是不可见。

四、对话框设置

对话框需要用9patch来添加，以保证其清晰度。双击画面，选9patch，然后插入对话框的图片。9patch的边框可以微调，点击它，只需要调整以下四个参数即可
然后调整边框的透明度，左边的参数opacity就是透明度，可通过修改它达到透明效果。因为对话框图片与背景不能完全接合，所以会出现类似于小框的线条。如图
此时就要调整左边属性栏中的seams，将overlap改为exact，就圆满解决了这个问题啦！

五、添加文本

双击画面，选择text，形成的文本框放到layout外面。修改字体（font）, 大小(size), 颜色（color）, wrapping改为character字母，便于中文换行.

注意：文本框大小以及字数要合适，因为多出来的字将不再显示！

六、变量——贮存信息

点击event sheet, 再点击屏幕左上角的event，添加变量——add variable. 然后会弹出一些设置项，依次为命名（name）,类型type（text与number两种类型），初始值（initial value）以及描述（相当于注释，不用管）。变量语句放在事件上方为全局变量，放在事件里面则为局部变量，这一点类似于编程。如图
1. number类型：将变量输入到text，可以add action，然后选择text, 选择set text, 即可输入变量值。如果你加双引号，默认为字符串,比如你写入“Variable”，那么僵直接显示Variable，而不是它的值0.
同样的，如果你输入的是两个变量的加减乘除取模（+ - * / %），也只会显示运算后的数字。
2. text类型：与number类型相似，比如定义variable3的初始值为abc，variable4的初始值为def，那么写入variable3&variable4（&为字符的相加），将输出，abcdef。换行，写入variable3&newline&variable4，则表示输出variable3的值之后换行，然后输出variable4的值。

写到这里，似乎扯了太多东西，而游戏还没制作完，非常抱歉了。上一则博客pong的游戏也是这样的情况，不过这只是新手教程啦，知道大概设计思路就好，现在补充一下上一则博客pong的内容。
上一则博客讲到pong游戏，有一个缺点就是球从上下方会飞出画面。所以就要添加一个挡板。双击画面，添加sprite，设计出一条长挡板，然后添加到画面上。点击behavior，添加属性solid，保证小球触固反弹。以同样方式添加令一条长挡板，如图
球板后方添加一个类似于“红灯”的东西，当做是一个触发条件。双击画面，选择sprite，添加一块红灯板addA。同样添加另一块红灯板addB。再添加计分板使小球撞到红灯板时能计分。此时双击画面添加text，命名为scoreA，表示A的分数。再加一个scoreB。如图
添加两个全局变量，a,b，表示a,b的分数，然后对事件表进行操作使得最后呈现如下画面
ball destroy表示小球撞上红灯区后自灭。choose(0,180)表示下一个球发出的角度在0，180两个方向上随机选择。every tick就是每一局。

感谢阅读，欢迎修正！