Unreal Engine 4 Radiant UI 插件入门(三)——从蓝图中调用JS

不知道大家有没有混淆。这篇教程说的是从蓝图中调用JS的功能(以改变H5内的内容)。

在安装了UE4和RadiantUI的前提下学习这篇教程。本篇教程接着上一篇教程,建议请先看上一篇。

第一步:在网页中加入如下JS代码:

    <script>
//和蓝图的交互逻辑:
function HelloWorld(){//这个函数在前一篇教程中有
RadiantUI.TriggerEvent("HelloW");
}
RadiantUI.SetCallback("HelloW2", //这个表示能够从UE的蓝图中调用的函数,起名为HelloW2
function(){
document.getElementById("forDebugPara").innerHTML="从蓝图中调用了JS";
});
</script>

其中的forDebugPara请随便找个<p>节点写一下就好了。

第二步:

在UE中创建javascriptfunctioncall:

Unreal Engine 4 Radiant UI 插件入门(三)——从蓝图中调用JS

在其中写函数名即可:

Unreal Engine 4 Radiant UI 插件入门(三)——从蓝图中调用JS

第三步:在你当前的RadiantHUD中的某个元素中写此JS函数的调用过程:(注:下图写在radiantelement中)

Unreal Engine 4 Radiant UI 插件入门(三)——从蓝图中调用JS

第四步:在你的RadiantHUD中写调用上述FuncCalledFromHUD函数的过程:

Unreal Engine 4 Radiant UI 插件入门(三)——从蓝图中调用JS

如果有不明白,请留言!

原创声明:本文系小江村儿的文杰原创,若有参考的资料必在本文中给出。——2017年7月12日17:19:40

上一篇:js如何判断一个对象是不是Array?(转载)


下一篇:express+mongoDB(mLab)做一个todolist小项目