虚幻引擎4笔记(12)-游戏界面

前言

蓝图是虚幻引擎的一个可视化编码语言,不会编程的朋友也能通过蓝图来实现游戏的制作。
本人于2020年的3月份入坑虚幻4,可能技术上有些欠缺,要是有大佬发现哪里错了的话敬请指出。写文章的主要目的是为了记录自己的学习过程,不过也希望能帮助到其他像我一样的朋友学习虚幻蓝图。不同版本的虚幻引擎有进行不同程度的汉化,相应蓝图节点也会变化
此文章中使用的虚幻引擎版本: 4.23.1

随着学习的深入,后面的笔记会慢慢省略一些前面笔记写的内容,有需要的话可以去看较基础的笔记内容

虚幻4官方文档
虚幻4中文官网
虚幻引擎蓝图API参考文档
虚幻引擎4蓝图节点-小狐狸233

注:此篇笔记主要介绍一下一个简单的游戏界面的创建,需要使用到一张图片

上一篇笔记

一、图片导入

首先我们需要一张图片作为游戏界面的背景,将所需要的图片
在这里插入图片描述
在这里插入图片描述

二、控件蓝图

在这里插入图片描述

[1]. 设置背景

将刚刚导入的背景图片拖动到控件蓝图中
在这里插入图片描述
然后调整背景的大小,将背景覆盖虚线框即可。如果你在游戏中发现了背景图片没有充满整个屏幕时,可以再回来控件中拉伸背景以达到相应的效果。
在这里插入图片描述

[2]. 按钮

在左边搜索栏中搜索Button组件
在这里插入图片描述
然后将该按钮组件拖动到面板中,和背景图片并列
在这里插入图片描述
创建完毕后如下,按钮将会默认放置于左上角
在这里插入图片描述
我们需要两个按钮,一个是开始游戏,另一个是结束游戏
创建两个按钮后,调整按钮相应的位置和大小,淡灰色的即为按钮
在这里插入图片描述

[3]. 文本

此时的按钮上面并没有文字,如果要让玩家知道点击了这个按钮有什么作用时,就需要有相应的文本解释。
在这里插入图片描述
然后拖动到Button下变成按钮中的文本
在这里插入图片描述
选中文本组件,在细节面板中有一个text参数,可以对相应的值进行修改。
在这里插入图片描述

[4]. 蓝图

控件的右上角有一个设计器和图表,设计器即当前的界面,图表即蓝图
在这里插入图片描述

(1) 开始游戏

先在左边的层级界面中选中开始按钮,在细节面板中拖动到末尾,有一个On Clicked事件,点击加号进行添加。
在这里插入图片描述
当玩家点击开始按钮时,将会触发这个事件节点
在这里插入图片描述
然后创建一个Remove from Parent节点,这个节点的作用是删除按钮的父类,即我们之前创建的控件。当控件被删除之后,背景和按钮相应的东西就会被清除掉,然后玩家就能看见游戏里的东西了。
在这里插入图片描述
在这里插入图片描述

(2) 结束游戏

同样的方法,在结束游戏的按钮添加一个On Clicked节点
在这里插入图片描述
再创建一个Quit Game节点,执行了这个节点之后,游戏将会退出。
在这里插入图片描述
将两个节点相连
在这里插入图片描述
记得编译保存

三、关卡蓝图

[1]. 触发事件

光是完成控件蓝图是没有作用的,因为控件蓝图还没有被调用执行。
这时我们就需要通过Begin Play节点来执行菜单的控件蓝图。
先打开关卡蓝图,创建一个Begin Play节点
在这里插入图片描述

[2]. 创建控件

然后创建一个创建控件节点
注:在较旧版本中,该节点为英文
在这里插入图片描述
创建完毕后选择刚刚的控件,通过执行这个节点,我们可以为自身创建一个控件(游戏界面),并输出相应控件的操作对象。
在这里插入图片描述
将其与事件节点相连
在这里插入图片描述

[3]. 添加界面

通过这个节点的输出接口,我们可以调用一个Add to Viewport节点,因为在我们为自己创建了相应的控件后,屏幕上并不会显示什么东西,所以需要通过这个节点将控件中的游戏界面输出到我们的屏幕上。
注:Add to Viewport无法直接搜索创建
在这里插入图片描述

在这里插入图片描述
最后编译保存即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章