本篇章前提要求：在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. （数字IC）低功耗设计入门（七）——门级电路低功耗设计优化（续）

    前面讲解了门级功耗的优化方法,包括静动态和总体的功耗.现在来记录一下门级层次(有点书也说是在系统级)常用的一种低功耗方法--电源门控. ①电源门控概述与原理 电源门控是指芯片中某个区域的供电电源被关掉 ...

  2. VR全景：vr元年过后，这些企业如何发动“vr+”应用引擎?

    2016年,VR可谓是四处衍生.从如痴如迷的游戏行业到喜闻乐见的影视行业,再到医疗.军事.房地产,随便呼出一个"+",VR便能左右逢源,VR+各行各业,俨然成为一种标配.最近,Ma ...

  3. 利用Dockerfile构建mysql镜像并实现数据的初始化及权限设置

    本文提要 本文目的不仅仅是创建一个MySQL的镜像,而是在其基础上再实现启动过程中自动导入数据及数据库用户的权限设置,并且在新创建出来的容器里自动启动MySQL服务接受外部连接,主要是通过Docker ...

  4. #417 Div2 B

    #417 Div2 B 题意 给定一个01矩阵表示一幢楼,左右两侧是楼梯,中间是房间,1代表那个房间开灯,0代表关灯,现在某人从1层左端楼梯开始关掉所有灯,当移动某一层时,必须关掉当前层所有灯才能移动 ...

  5. ReactNative学习之css样式使用

    前言: 前面学习了html,今天学习一下css的基本使用,看下html与css之间是如何结合来编写前端网页的. CSS 是什么? CSS 是 Cascading Style Sheets(级联样式表) ...

  6. JavaSE教程-03Java中分支语句与四种进制转换-练习

    练习1: 老师如果带100或以上则请客吃饭 import java.util.Scanner; public class Test2{ public static void main(String[] ...

  7. 【Web开发】Mean web开发 01-Express实现MVC模式开发

    简介 Mean是JavaScript的全栈开发框架.更多介绍 用Express实现MVC模式开发是Mean Web全栈开发中的一部分. Express 是一个基于 Node.js 平台的极简.灵活的 ...

  8. 【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行

    最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例 ...

  9. Ubuntu下用cue文件对ape和wav文件自动分轨

    很多音乐CD的镜像文件都带cue格式的分轨文件,在Ubuntu Linux下可以通过一些工具来实现自动分轨. 一.Ubuntu下需要安装的工具有flac,shntool,libav-tools $ s ...

  10. 高性能队列Disruptor系列2--浅析Disruptor

    1. Disruptor简单介绍 Disruptor是一个由LMAX开源的Java并发框架.LMAX是一种新型零售金融交易平台,这个系统是建立在 JVM 平台上,核心是一个业务逻辑处理器,它能够在一个 ...