【UE5】【插件】【WebUI】内置浏览器插件WebUI简易使用笔记

之前的项目中为了提高效率,避免使用UE功能不完善的UMG系统,使用了WebUI插件,在UI中内嵌浏览器来展示网页。用Vue框架配合插件制作网页还是比UMG要快很多的,毕竟UE的UI制作插件比较少。

一. UE蓝图

首先在UMG中创建一个新UI,拉一个新的面板,然后在里面加一个WebInterface组件。

添加WebInterface
之后就可以使用蓝图节点来设定默认网页了,一般常用的是LoadFile或者LoadHTML来调用项目中Content文件夹或Content/HTML文件夹中的项目和文件。如果前端项目并没有在UE项目中,就可以使用LoadURL来通过网络访问网页。
调用前端网页
点击变量WebInterface,可以看到有如下几种事件:

可选事件节点
这里最基本的用法就是OnInterfaceEvent,添加之后是这样的:

OnInterfaceEvent
这个name就是前端网页调用我们UE函数时传递过来的函数名,Data就是一起传递来的JsonValue数据。Callback比较复杂,暂且按下不表。

我们可以添加一个Switch节点,区分一下具体的

UE WebUI插件是一种基于UE(Unreal Engine)引擎的Web用户界面插件UE引擎是一款强大的游戏开发引擎,而WebUI插件则为开发人员提供了一种将Web技术和UE引擎结合起来的方式,以实现在游戏中构建交互式和可自定义的用户界面。 UE WebUI插件具有以下特点和功能: 1. 基于Web技术:UE WebUI插件利用Web技术(如HTML、CSS和JavaScript)来创建用户界面,使开发人员可以使用熟悉的前端技术进行开发。这种基于Web的开发方式使得开发人员可以更快地构建和调整用户界面。 2. 可自定义的界面:UE WebUI插件允许开发人员根据游戏需求自定义用户界面的外观和行为。开发人员可以使用CSS和JavaScript来定制样式和动态交互。这种灵活性使得开发人员能够创建独特且符合游戏风格的用户界面。 3. 支持数据交换:UE WebUI插件支持与游戏内的其他系统进行数据交换。开发人员可以使用JavaScript来实现与游戏逻辑的交互,以实现实时数据更新和响应。这种数据交换能够使用户界面和游戏内部的状态保持同步。 4. 跨平台支持:由于UE WebUI插件基于Web技术,因此可以在多个平台上进行部署和运行。无论是在PC上、掌机上还是移动设备上,都可以通过Web浏览器来访问和使用用户界面。 总之,UE WebUI插件是一种强大的工具,能够帮助开发人员在UE引擎中创建交互式和可自定义的用户界面。通过使用Web技术,开发人员可以更快地构建界面,定制样式和交互,并与游戏内部进行数据交换。这为游戏开发带来了更多的灵活性和创造力。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值