添加HUD元素
玩过游戏的都知道HUD,游戏界面最上面固定不动的界面元素,显示玩家生命值,分数等其他信息。接着我们来添加一个超级简单的HUD,只有一个文本对象text object。因为我们要让HUD界面的对象保持固定不动,而Main图层我们是需要跟随角色滚动的。所以新建一个图层HUD,设置parallax属性为0,这样该层就不再滚动
在图层面板layers bar中新建一个层HUS。请确保该层在最顶上位置,并选中,然后在属性面板中设置Parallax属性值X,均Y为0,0。
在画布空白处双击插入对象,选择Text Object,放置于画布的左上角,我们的背景是黑灰系的,我们去更改字体大小,颜色等让文本看得很清楚。并通过调整杆(选中对象时,四方框上的正方形)拉伸文本足够宽来显示分数。如下:
切换到事件表中。我们来添加动作让分数每帧可以更新。点击Every tick事件,添加动作Text->Set Text。
使用&文本连接操作符,我们可以转换数字为文本并和文本字符串连接。输入如下:
"Score:" & Score //文本字符串 用双引号括起来,变量则不要
运行游戏,射击怪物,现在分数已可显示更新,保持位置不变。
最后一步
教程接近尾声了,我们再添加一些功能并总结。
添加如下事件:
条件:System->Every X seconds->3 //添加系统事件每3秒启动
动作:system->Create object->Monster,layer 1,1400(for X),random(1024)(for Y) //在图层1创建怪物实例,坐标可以自己指定,这里为画布最右边还过去点,已离开画布,因为我们画布的大小为1280,1024,Y坐标为随机数0-1024
总结
恭喜,你已使用Construct 2创建了第一个HTML 5游戏,你可以点击左上角文件菜单中的Export导出命令导出游戏相关网页文件,放置于网站空间,也可以用网页编辑软件编辑生长的网页,添加广告等,或者置入现成网页。
在本节课程中,我们学习了一些最基本但很重要的知识点:插入对象,使用层、行为、事件等。希望能引起你对Construct 2的兴趣,继续使用它来创建更多更好的游戏。
最后事项
试试看下载完成教程范例 tutorial project。这个范例加入了其他的一些功能:Game over文字、让怪兽增加速度等等。Knowing what you know now, it shouldn't be hard to figure out how it works. There are also lots of comments describing how it works.
完美!如果你觉得还有什么可以进步的,请在论坛留下你的留言。我们会看到我们还能做什么!
最后,如果你觉得你的朋友也会喜欢Construct 2,为什么不给他们这个网站的链接呢?相信这不会对他们有什么害处的 :)
更多阅读
想要添加游戏音效?你可以看这篇教程:Sounds & Music。
How to make a platform game是一篇关于制作类似超级玛丽游戏的教程,有兴趣的话也可以去看看。
如果你想了解更多有关Construct 2中的事件运作方式,可以看文档中的How Events Work部分(强烈推荐,这样你就可以更快速地制作你自己的游戏了)。如果你还需要更多帮助,别忘了我们还有完善的文档。