Construct2 初学入门教程

4

Index

Tagged

Contributors

Stats

152,714 visits, 190,142 views

Tools

Translations

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 2 Dec, 2014. Last updated 25 Feb, 2019

添加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部分(强烈推荐,这样你就可以更快速地制作你自己的游戏了)。如果你还需要更多帮助,别忘了我们还有完善的文档

  • 0 Comments

Want to leave a comment? Login or Register an account!