Unreal Engine 4:冷却UI的制作 - 纳金网
联系我们

给我们留言

联系我们

地址:福建省晋江市青阳街道洪山路国际工业设计园纳金网

邮箱:info@narkii.com

电话:0595-82682267

(周一到周五, 周六周日休息)

当前位置:主页 > 3D教程 > 图文教程

Unreal Engine 4:冷却UI的制作

来源: 52vr | 责任编辑:传说的落叶 | 发布时间: 2019-06-18 09:44 | 浏览量:
这篇文章介绍了如何使用Unreal Engine 4的材质编辑器中制作通常游戏中的技能冷却的UI。
 
该UI材质通常用于直接蒙在对应的技能图标之上,接收一个浮点参数Percentage,用于表现其冷却情况,1表示冷却完毕,0表示开始冷却。
 
材质效果
 
左、中、右分别的Percentage分别为0.2,0.4,0.9.
 

Unreal Engine 4 —— 冷却UI的制作

 
材质说明
 
VectorToRadialValue
 
这个材质中使用到VectorToRadialValue这个材质函数,该函数接收一个float2向量,输出这个向量在二维径向坐标中的表示。
 
因此这里可以将TexCoord - 0.5作为参数输入这个函数,可以得到的值如下:
 

Unreal Engine 4 —— 冷却UI的制作

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

Unreal Engine 4 —— 冷却UI的制作

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

Unreal Engine 4 —— 冷却UI的制作

 
Color为蒙在技能栏上那一层的颜色,这里取了灰色。
 
这样一来,对应的UI材质为:
 

Unreal Engine 4 —— 冷却UI的制作

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

相关文章
网友评论

您需要登录后才可以发帖 登录 | 立即注册

关闭

全部评论:0条

推荐
热门