对于非游戏开发团队来讲,在面向非游戏领域的UE项目中嵌入Web页面并实现交互无疑能充分利用现有开发资源和流程,WebUI插件能提供完整的Web页面加载及交互手段,让团队中的UE开发工程师和Web开发工程师能够各司其职、紧密配合。
WebUI的安装配置过程可详细参考官方文档。
1.配置WebUI
### 1.1创建控件蓝图类
选择“添加-用户界面-控件蓝图”,命名为WebInterface。
打开蓝图编辑器,修改控件布局。
1.2创建HUD蓝图类
创建HUD蓝图类,命名为WebHUD,此蓝图类将作为Web加载交互的核心。
打开蓝图编辑器进行配置,目标是得到类似下方的蓝图。
详细过程参考官方文档。
1.3创建GameMode蓝图类
创建蓝图类,选择“GameModeBase”类作为父类,命名为WebGameMode,使用蓝图编辑器配置如下。
1.4修改世界场景设置
打开关卡,修改“世界场景设置”。
2.UE与Web交互
2.1透明穿透设置
2.2Web调用UE方法
在Web页面调用Javascript方法ue.interface.broadcast,在UE项目的WebHUD蓝图中配置OnBroadcast方法,用于监听Web页面传输的方法名及方法参数。
ue.interface.broadcast方法包含两个参数,第一个参数为方法名name,格式为字符串,第二个参数为方法参数data,格式为json字符串。
2.3UE调用Web方法
在UE项目的WebHUD蓝图中配置Call方法,用于调用Web页面中定义的Javascript函数,被调用的函数需要提前在ue.interface对象上定义,参数同样为json字符串。文章来源:https://www.toymoban.com/news/detail-462942.html
2.4开发调试
启动UE项目,确保选中Web元素,使用CTRL+SHIFT+I调试浏览器,打开浏览器工具栏,可以像常规Web页面一样进行调试运行。文章来源地址https://www.toymoban.com/news/detail-462942.html
到了这里,关于如何在UnrealEngine虚幻引擎中加载Web页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!