UE5功能-与网页交互

一.下载插件

        首先下载WebUI插件,Releases · tracerinteractive/UnrealEngine (github.com).

UE5功能-与网页交互_第1张图片 插件页面

        选择相应引擎版本下载,我这里选择的5.1.(ps:如果无法打开相应界面,需要先把Epic账号与Git账号关联,首先登录Epic官网,然后点击头像,点击个人信息,选择左边的连接按钮,在连接页面选择Git,最后在弹出的新界面登录Git账号,选择同意就可以了.)

UE5功能-与网页交互_第2张图片 下载这三个

 二.解压

        1.解压到引擎目录(我解压之后,项目编辑失败,所以我用了第二种方法)

        2.解压到项目目录,新建一个文件夹(Plugins)

UE5功能-与网页交互_第3张图片

 UE5功能-与网页交互_第4张图片

三.使用插件 

        

UE5功能-与网页交互_第5张图片 插件界面

         点击编辑按钮,选择插件,选择插件页面的WebUI(提示需要重启引擎,选择重启).

        然后新建一个用户界面,控件蓝图,在下面图片的红框位置,就可以找到WebUi插件.

UE5功能-与网页交互_第6张图片 UI蓝图

         鼠标左键选中,拖进来,就可以直接使用了.

        

UE5功能-与网页交互_第7张图片 输入网址

 运行以来就可以打开网页了.

四,web交互ue5

网页背景透明相关代码

     





  


  

          这是示例代码,

第一个参数是ue5的函数名,第二个参数是传给ue5函数的参数(可以是json,字符串).

 

UE5功能-与网页交互_第8张图片 相关蓝图

 五.UE5交互网页

        相关蓝图

UE5功能-与网页交互_第9张图片 按钮点击事件

 

UE5功能-与网页交互_第10张图片 网页读取

 六.其他

        在细节面板上启动,透明和穿透(如果网页全屏运行) Enable Transparency

        UE5功能-与网页交互_第11张图片

 

你可能感兴趣的:(UE5功能,ue5,交互,vue)