码迷,mamicode.com
首页 > 其他好文 > 详细

Unreal Engine 4 Radiant UI 入门教程(一)制作Radiant HUD

时间:2017-07-13 10:52:01      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:拷贝   分享   noi   mil   logs   .com   开始   工程   五步   

请注意:本篇教程的编号是从零开始的,如果没有看第零篇教程,请前往学习。

 

本教程介绍如何制作Radiant HUD,这是指将网页元素直接加入到HUD中,效果为:

技术分享

对应的网页元素为:

技术分享

第一步:

将之前下载的工程中的WebUI文件夹拷贝到我们自己的工程(LearnRUI)的同位置下:

技术分享

复制到:

技术分享

 

第二步:

创建一个蓝图(RadiantWebViewHud)

技术分享

创建一个新的Gamemode,将这个HUD放进去:

技术分享

技术分享

worldsettings中放置这个Gamemode

技术分享

第三步:

创建蓝图(RadiantWebViewHUDElement

技术分享

第四步:

打开刚刚新建的HUDElement(我起名为MyWebHUDOverlay),URL处写:

技术分享

这个地址是指这个网页元素:

技术分享

注意配置输入模式为noinput(若此值为mouse and keyboard,那么将会消耗移动输入,人物就无法移动):

技术分享

Tipprojected cursor是指显示光标(如果输入的话就隐藏的意思)。将此值设置为false,就只显示普通的光标。

 

第五步:

在刚刚创建的HUD中加入上述元素

技术分享

第六步:

gamemode中记得配置这个HUD,如果配置了之后还是不给力,那么就打开mygamemode蓝图(第一篇教程中介绍了要新建一个gamemode,起名为mygamemode),配置好后点击编译保存,再在worldsettings中选择这个gamemode,启动游戏即可看到效果。

 

 

下一篇见。

——原创自小江村儿的文杰,20177516:03:32

 

Unreal Engine 4 Radiant UI 入门教程(一)制作Radiant HUD

标签:拷贝   分享   noi   mil   logs   .com   开始   工程   五步   

原文地址:http://www.cnblogs.com/JackSamuel/p/7158570.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!