Web_UI插件下载安装:

  • https://github.com/tracerinteractive/UnrealEngine/releases
    下载对应Ue版本的Web_UI插件以及相关的Json、Http库;
  • 将插件安装到引擎根目录

Ue链接Web:

  • 在项目中启用插件并重启项目;
  • 创建基于Web的用户界面Umg_Web;
    添加Web_Interface网页控件,提升为变量并设置不透明度;
  • 在玩家控制器中创建Umg_Web控件并添加到视口;
    获取控件中的Web_Interface变量绑定On Interface 事件;
    加载网页;
  • 测试用的网页代码:
     "object" != typeof ue && (ue = {}), uuidv4 = function () { return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, function (t) { return (t ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> t / 4).toString(16) }) }, ue5 = function (r) { return "object" != typeof ue.interface || "function" != typeof ue.interface.broadcast " />//前端传数据给UE 接口事件:fun01function callUEFunc() {ue5("fun01", "雷猴啊");}//显示游戏帧率ue.interface.Show_Fps = function (fps) {$("#fpsMeter").text(fps.toFixed(2)+"FPS");};//显示命中Actor ue.interface.Click_Actor = function (str) {$("#fa").text("被点击的物体名称:"+str);};
    -------------------------------

    00FPS

    被点击的物体名称:

  • Ue接收网页消息:
  • Ue发消息给网页: