ue5.2 数字孪生（11）——Web_UI插件网页通信
时间：2024-04-04 07:30:59 来源：网络cs 作者：付梓 栏目：广告工具 阅读：
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 事件；
加载网页；
测试用的网页代码： <html><head><!--网页编码方式--><meta charset="UTF-8"><!--前端和Ue通信--><script src="https://code.jquery.com/jquery-2.2.4.min.js"> </script><!--Ue和前端通信JS代码--><script> "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.interface = {}, function (t, e, n, o) { var u, i; "string" == typeof t && ("function" == typeof e && (o = n, n = e, e = null), u = [t, "", r(n, o)], void 0 !== e && (u[1] = e), i = encodeURIComponent(JSON.stringify(u)), "object" == typeof history && "function" == typeof history.pushState ? (history.pushState({}, "", "#" + i), history.pushState({}, "", "#" + encodeURIComponent("[]"))) : (document.location.hash = i, document.location.hash = encodeURIComponent("[]"))) }) : (i = ue.interface, ue.interface = {}, function (t, e, n, o) { var u; "string" == typeof t && ("function" == typeof e && (o = n, n = e, e = null), u = r(n, o), void 0 !== e ? i.broadcast(t, JSON.stringify(e), u) : i.broadcast(t, "", u)) }); var i }(function (t, e) { if ("function" != typeof t) return ""; var n = uuidv4(); return ue.interface[n] = t, setTimeout(function () { delete ue.interface[n] }, 1e3 * Math.max(1, parseInt(e) || 0)), n });</script><!--前端To UE--><script> //前端传数据给UE 接口事件：fun01 function callUEFunc() { ue5("fun01", "雷猴啊"); }</script><!-- UE to前端 --><script> //显示游戏帧率 ue.interface.Show_Fps = function (fps) { $("#fpsMeter").text(fps.toFixed(2)+"FPS"); }; //显示命中Actor ue.interface.Click_Actor = function (str) { $("#fa").text("被点击的物体名称:"+str); };</script></head><body><button id="button" onclick="callUEFunc()">Web To UE</button><br/>-------------------------------<br/><p id="fpsMeter">00 FPS</p><p id="fa">被点击的物体名称：</p></body></html>
Ue发消息给网页：
本文链接：https://www.kjpai.cn/news/2024-04-04/153661.html，文章来源：网络cs，作者：付梓，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
下一篇：返回列表