ue3d在虚幻UE5引擎中显示Web浏览器

在虚幻UE5引擎中显示Web浏览器

分类:

早期虚幻UE引擎添加了一个 Web Browser 小部件,使用该 UMG 组件可以在网络浏览器中显示输入的任何地址,使用起来也蛮方便的,所以本文通过图文讲解其使用方法。

ue3d - 在虚幻UE5引擎中显示Web浏览器

UE引擎 中使用这个小部件,首先需要激活插件。

激活插件

首先,需要在 UE5 中开启官方提供的 Web Browser 插件,这个插件只有在 UE4.8 及以上版本才有,其他版本一律无。

ue3d - 在虚幻UE5引擎中显示Web浏览器

然后从编辑菜单 – 插件设置中,搜索 Web Browser ,勾选它,然后重新启动虚幻引擎。

创建小部件控件蓝图

在内容浏览器左上角点击添加,选择用户界面 – 选择控件蓝图。

在用户界面类中选择控件蓝图
在用户界面类中选择控件蓝图

双击内容浏览处新建的 WBPWebBrowser 蓝图,在新窗口控制板点击实验性功能下的 WebBrowser 并拖放到画布。

将 Web Browser 拖拽到设计器当中
将 Web Browser 拖拽到设计器当中

点击绿色小窗口,转到右侧细节面板。

右侧细节面板提供了该蓝图的相关设置参数
右侧细节面板提供了该蓝图的相关设置参数

将 Initial URL 设置为 https://www.bilibili.com/,现在 Web 浏览器小部件端已完成。

Initial URL 翻译为初始网址,不知为何显示英文,该值可以是百度、360、也可以是知乎,可以点击回箭头重置其默认属性
Initial URL 翻译为初始网址,不知为何显示英文,该值可以是百度、360、也可以是知乎,可以点击回箭头重置其默认属性

添加事件构造到视口显示

接着我们需要创建一个合适的级别蓝图,这样好在关卡蓝图中创建和显示这个小部件。

其中用户控件 Class 类引用之前我们创建的 WBPWebBrowser 蓝图。

从事件构造到添加到视口的蓝图级别
从事件构造到添加到视口的蓝图级别

到这里浏览器在播放开始时将直接显示 bilibili,效果很不错。

在视口中正确显示 bilibili 网页浏览器窗口
在视口中正确显示 bilibili 网页浏览器窗口

本文总结

要在虚幻引擎中实现这个显示 Web 浏览器相对来说比较容易,如果在引擎中设置单独事件,这样可为小部件在合适的时候显示内容,可行性貌似不错,你觉得呢。

相关信息

  • 类型:知识
  • 字数:383
  • 字符:997
  • 适用软件:虚幻引擎
  • 说明:无
  • 编号:87097

热门内容

提示:3D天堂作为服务提供者,尊重网络版权及知识产权,对某些行为的发生不具备充分的监控能力,若无意间侵犯到您的权利,请 联系我们,我们会在收到信息后尽快给予处理。

本站文章版权归本站自创作者所有,未经允许不得转载!