本篇章前提要求：在UE4上安装了Radiant UI插件。如果没有安装，请找其它教程（或者是笔者的其它的教程，目前正在写）。

本教程的目的：探讨如何从网页元素中调用蓝图中的内容：

第一步：

写一个网页，大致内容为：

<!DOCTYPE html>

<html lang="en" class="no-js">

	<head>

        <meta charset="UTF-8" />

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>T</title>

        <!--Mark-->

        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"><!--这个不是必要的，这个是bootstrap样式-->

        <!--an-->

        <script type="text/javascript" src="js/createjs-2015.11.26.min.js"></script><!--这个的必要性没有考究-->

        <!--an-->

        <script type="text/javascript" src="js/radiantui-null.js"></script><!--原来这个也是不必要的-->

        <!--Mark end-->

        <script type="text/javascript">

            function HW(){

                RadiantUI.TriggerEvent('HelloW');

            }

        </script>

	</head>

	<body>

        <button type="button" onclick="HW()">nihao</button>

	</body>

</html>

其中的Mark所标注的内容请注意，不一定都需要的！但是注意其中的radiantui-null.js是必要的【修正：已经证实这个不必要了，可以无视】，这个文件如果没有写的话，请自己声明，因为它的内容很短，如下：

var RadiantUI;

if (!RadiantUI) {

	RadiantUI = {};

	RadiantUI.TriggerEvent = function() {}

	RadiantUI.SetCallback = function() {}

	RadiantUI.RemoveCallback = function() {}

}

对的，先摆上去再说，createjs-2015.11.26.min.js这个文件可以搜一搜，以网络资源的形式包含进来即可。逻辑上的内容是那个按钮，按钮调用了HW()函数，而这个函数里的唯一一句代码是RadiantUI.TriggerEvent("HelloW")，这是指什么呢？先放一放。

在UE4中，声明一个RadiantUIElement

双击并在其中的url中写入这个html文件的相对位置（注意将这个文件放在合适的地方）。然后写上HelloW函数。

新建一个RadiantHUD，然后绑上上述的这个元素（我这里的起名是RUIElem_Lobby）

最后放置在gamemode中，然后运行：

可能描述不太清晰，不明白请留言。

原创声明：本文系小江村儿的文杰原创，若有参考的资料必在本文中给出。

Unreal Engine 4 Radiant UI 插件入门教程（二）的更多相关文章

  1. Unreal Engine 4 Radiant UI 插件入门（三）——从蓝图中调用JS

    不知道大家有没有混淆.这篇教程说的是从蓝图中调用JS的功能(以改变H5内的内容). 在安装了UE4和RadiantUI的前提下学习这篇教程.本篇教程接着上一篇教程,建议请先看上一篇. 第一步:在网页中 ...

  2. Unreal Engine 4 Radiant UI 入门教程（一）制作Radiant HUD

    请注意:本篇教程的编号是从零开始的,如果没有看第零篇教程,请前往学习. 本教程介绍如何制作Radiant HUD,这是指将网页元素直接加入到HUD中,效果为: 对应的网页元素为: 第一步: 将之前下载 ...

  3. Unreal Engine 4 Radiant UI 入门教程（零）在场景中摆放网页

    相关的学习资源: https://forums.unrealengine.com/showthread.php?12097-PLUGIN-RadiantUI-SDK-UIs-HUDs-Interact ...

  4. SpringBoot入门教程(二)CentOS部署SpringBoot项目从0到1

    在之前的博文<详解intellij idea搭建SpringBoot>介绍了idea搭建SpringBoot的详细过程, 并在<CentOS安装Tomcat>中介绍了Tomca ...

  5. JasperReports入门教程(二)：中文打印

    JasperReports入门教程(二):中文打印 背景 在上一篇中我们介绍了JasperReport的基本入门,也展示了一个报表.但是我们的示例都是使用的英文,如果我们把需要打印的数据改为中文会怎么 ...

  6. 无废话ExtJs 入门教程二十一[继承：Extend]

    无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...

  7. 无废话ExtJs 入门教程二十[数据交互：AJAX]

    无废话ExtJs 入门教程二十[数据交互:AJAX] extjs技术交流,欢迎加群(521711109) 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C ...

  8. 无废话ExtJs 入门教程二[Hello World]

    无废话ExtJs 入门教程二[Hello World] extjs技术交流,欢迎加群(201926085) 我们在学校里学习任何一门语言都是从"Hello World"开始,这里我 ...

  9. mongodb入门教程二

    title: mongodb入门教程二 date: 2016-04-07 10:33:02 tags: --- 上一篇文章说了mongodb最基本的东西,这边博文就在深入一点,说一下mongo的一些高 ...

随机推荐

  1. 线程机制、CLR线程池以及应用程序域

    最近在总结多线程.CLR线程池以及TPL编程实践,重读一遍CLR via C#,比刚上班的时候收获还是很大的.还得要多读书,读好书,同时要多总结,多实践,把技术研究透,使用好. 话不多说,直接上博文吧 ...

  2. R语言：利用caret包中的dummyVars函数进行虚拟变量处理

    dummyVars函数:dummyVars creates a full set of dummy variables (i.e. less than full rank parameterizati ...

  3. react 的五脏六腑ing~

    用react一年多了.一直是在别人的影子下写的代码,他们也确实都是大神级的人物,不过,小菜鸟也有小菜鸟的思想~这不,今天就在重温一遍react!记一些零碎的知识点~不知道对你们有没有用,不过,对于我, ...

  4. 安装lnmp集成环境

    具体配置看原文,不重新复述: 原文:https://lnmp.org/install.html 因为配置数据库主从,需要保持两台mysql数据库服务器的mysql版本号一致,所以又重新装了一次..重新 ...

  5. 织梦CMS去广告方法 for DedeCMS V5.7

    DedeCms 5.7新版发布,下来上传至服务器安装完毕,点击进入后台登陆界面,怎么多了广告链,而且登陆界面也变了,以前可不带这样的啊.按步骤一步一步来去版权再去广告吧. 一,去处后台登陆页login ...

  6. mysql 表名默认 windows不区分大小写 在linux区分大小写

    MySQL在Linux下数据库名.表名.列名.别名大小写规则:  1.数据库名与表名是严格区分大小写 2.表的别名是严格区分大小写 3.列名与列的别名在所有的情况下均是忽略大小写的 4.变量名也是严格 ...

  7. 为网页生成二维码(jquery.qrcode.min.js)

    做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来. jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firef ...

  8. [转] .NET领域驱动设计—看DDD是如何运用设计模式颠覆传统架构

    阅读目录: 1.开篇介绍 2.简单了解缘由(本文的前期事宜) 3.DomainModel扩展性(运用设计模式设计模型变化点) 3.1.模型扩展性 3.2.设计模式的使用(苦心专研的设计模式.设计思想可 ...

  9. CSS实现矩形按钮右边缘的中间有个往里凹的小半圆

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  10. 【 js 基础 】Javascript “继承”

    是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式. ...