Unreal Engine 4 —— 冷却UI的制作

2024-06-20 23:29:33

这篇博客介绍了如何使用Unreal Engine 4的材质编辑器中制作通常游戏中的技能冷却的UI。

该UI材质通常用于直接蒙在对应的技能图标之上，接收一个浮点参数Percentage，用于表现其冷却情况，1表示冷却完毕，0表示开始冷却。

材质效果

左、中、右分别的Percentage分别为0.2，0.4，0.9.

材质说明

`VectorToRadialValue`

这个材质中使用到VectorToRadialValue这个材质函数，该函数接收一个float2向量，输出这个向量在二维径向坐标中的表示。

因此这里可以将TexCoord - 0.5作为参数输入这个函数，可以得到的值如下：

看来是我们想要的，但是角度不对，因此再加上CustomRotator对坐标进行预操作：

有了这样的值后就很容易进行功能的实现了。我这里将其封装为CoolDownUI函数，可供其他材质调用。

CoolDownUI函数如下：

Color为蒙在技能栏上那一层的颜色，这里取了灰色。

这样一来，对应的UI材质为：

值得一提的是：

Percentage由于进行了浮点操作，所以如果直接取1的话往往会有一些误差，因此往往将冷却完毕的值设定为略大于1，我这里取了1.05。

<全文完>

转载于:https://www.cnblogs.com/arrowinmyknee/p/5470380.html

Unreal Engine 4 —— 冷却UI的制作相关推荐

Unreal Engine 4 Radiant UI 入门教程（一）制作Radiant HUD
请注意:本篇教程的编号是从零开始的,如果没有看第零篇教程,请前往学习. 本教程介绍如何制作Radiant HUD,这是指将网页元素直接加入到HUD中,效果为: 对应的网页元素为: 第一步: 将之前下载 ...
Unreal Engine 4 中的 UI 优化技巧
http://mp.weixin.qq.com/s/bybEHM9tF-jBPxxqXfrPOQ## 2017-05-09 虚幻引擎 Unreal Open Day 2017 活动上 Epic Gam ...
Unreal Engine 4 系列教程 Part 5：制作简单游戏
原文:How to Create a Simple Game in Unreal Engine 4 作者:Tommy Tran 译者:Shuchang Liu 在本篇教程中,你将学习制作一个第一人称动 ...
ue4中面部动画制作视频教程 Facial Animation More In Unreal Engine 4
ue4中面部动画制作视频教程 Facial Animation & More In Unreal Engine 4 时长4h 包含项目文件 1920X1080 MP4 大小解压后:5.75G ...
Unreal Engine 4 RenderTarget制作Live Camera效果
Unreal Engine 4 RenderTarget制作Live Camera效果先上效果: Live Camera我不知道怎么翻译.反正意思就是将一个摄影机的Image渲染到一个2D平面上. ...
ArcGIS Maps SDK for Unreal Engine通过UI方式显示地图教程
前言一个 UE 项目,可以包括多个关卡(level),关卡可以在菜单栏中新建(文件->新建关卡). 使用快捷键 Ctrl+S 可以保存当前关卡,你可以保存到上面提到的演示文件放置的位置,你可以 ...
【新手必读】Unreal Engine 4 UI入门教程（下）
本文是<Unreal Engine 4 UI 入门教程的下半部分,上半部分请见<Unreal Engine 4 UI 入门教程(上)> 作者|Tommy Tran Aug 3 201 ...
《Unreal Engine 4蓝图可视化编程》一2.2　制作瞄准镜效果
本节书摘来异步社区<Unreal Engine 4蓝图可视化编程>一书中的第2章,第2.1节,作者: Brenden Sewell 译者: 陈东林责编: 胡俊英,更多章节内容可以访问云栖 ...
UNREAL ENGINE 4.13 正式发布！
这次的版本带来了数百个虚幻引擎 4 的更新,包括来自 GitHub 的社区成员们提交的 145 个改进!感谢所有为虚幻引擎 4 添砖加瓦贡献的人们: alk3ovation, Allegorithmi ...

最新文章

热门文章