天天看点

ue4学习之嵌入H5网页(web Brower)

五一放假,在家看了一波UE4的视频,也动手写了一点简单的东西。

UE4里面可玩的东西很多,但是我没时间一个一个的去学去看,所以,我将会针对平时的项目需求去学习一些实用性的东西。

今天,就记录一下,在UE4里面如何添加外部H5程序。

1.添加webbrowser插件

打开项目模板这些就不说了,稍微看下教程就会了。

编辑-->插件:

ue4学习之嵌入H5网页(web Brower)

搜索-->web...-->点击开启

ue4学习之嵌入H5网页(web Brower)

开启之后,右下角会有一个询问是否重启的选项,点击 Restart Now。

2.新建widget

ue4学习之嵌入H5网页(web Brower)

在内容浏览窗口新建一个文件夹(名称随意)来存放自己写的东西

ue4学习之嵌入H5网页(web Brower)

空白处右键新建一个widget蓝图,然后取个名字,我这里叫menu了,然后打开

ue4学习之嵌入H5网页(web Brower)

如图所示,拖一个web browser插件到右边,在右边详情面板设置相关参数

ue4学习之嵌入H5网页(web Brower)

设置结束,左上角编译,保存

3.在蓝图中设置添加该widget

打开关卡蓝图

ue4学习之嵌入H5网页(web Brower)

空白处右键查找begin

ue4学习之嵌入H5网页(web Brower)
ue4学习之嵌入H5网页(web Brower)

点击拖拽,查找create Widget

ue4学习之嵌入H5网页(web Brower)

选择刚才创建的widget(我这里叫menu)

ue4学习之嵌入H5网页(web Brower)

add to viewport

ue4学习之嵌入H5网页(web Brower)

target和return 连线

ue4学习之嵌入H5网页(web Brower)

左上角编译,保存

4.查看运行效果

ue4学习之嵌入H5网页(web Brower)
ue4学习之嵌入H5网页(web Brower)
ue4学习之嵌入H5网页(web Brower)