UE进阶实例42（制作技能CD和能量球材质）

#1. 制作技能CD
技能CD是环绕形状的，在正常的图片上覆盖了一个遮罩
我们需要制作成遮罩的形式，方式我们进行运算，可以使用ValueStep也可以自己写

覆盖的颜色我们可以直接使用混合原始图片

#. 材质主体设置

这个材质是作为UI给用户显示的，可选带透明通道

#. 主要节点

The input coordinates or vector will be transformed into radial coordinates. In the case of a vector the angle will be output in one channel and the length of the vector in the other.

向量到径向值节点可以制作全部的渐变，有个类似的只能制作圆形的渐变

径向梯读指数，用于制作带边缘效果的圆形

默认情况下，红色是1，黑色是0，我们需要分离出一个遮罩区域

#. 遮罩的效果

[0,1] + value = [value, 1+value]
Floor是向下取整，Floor(1.1)=1 Floor(0.1)=0
Ceil是向上取整，Ceil(1.1)=2 Ceil(0.1)=1
通过Floor之后就可以分离出遮罩数据，我们只要将遮罩数据作用到原始混合图片上

#. 混合原始图片

UE中默认的混合使用乘法就可以了

#. 遮罩数据的使用

遮罩数据是0和1，可使用Lerp直接分离出混合之后的图片和原始图片，一个简单的技能CD材质就有了

#2. 能量球材质

能量球分为3个部分，内部运动的UV，外部边缘渐变、和进度约束，在材质的运算过程中，比较常见的使用遮罩来分离，
如果不能使用遮罩分离，那么就使用白色来保持原来的数据1x任何数=任何数
内部运动的UV会跟随进度
外部边缘的渐变
进度和UV坐标的V相反

#. 材质主体设置

这个材质带透明通道的UI材质

#. 关键节点

Uses UV Channel 0 to generate a linear gradient along the U or V axis

Creates a radial gradient using the input UV coordinates and applies exponential density with specified density.
径向梯度指数，用于制作圆形带边缘锐化效果

#. 制作UI动画

同一个图片，UVTiling数量越大，图片会越密集，会被压缩缩小，可以理解为平铺指数
我要使用什么数量的平铺来铺满这个图片

#. 裁剪UI动画

这里不是用遮罩来裁剪的，因为原始图片带Alpha通道，UE中不建议使用Alpha通道，非常的耗
耗内存、耗GPU，带Alpha通道的图片无法压缩，非常大

#. 制作竖直进度

进度相关的呢，总结来下，圆形环状的是VectorToRadial和横竖LinearGradient
控制进度的呢，总结来下，遮罩数据和if，遮罩是现代化的，if判断是老式做法

#. 增加图片的亮度

UE中的透明也可以叫不透明=亮度，透明没有，非透明更不透明了=亮了

UE进阶实例42（制作技能CD和能量球材质）相关推荐

UE进阶实例40（STL与Unreal的智能指针）
STL智能指针智能指针是C++11新引入的模板内存工具类,在std的命名空间下,早年有接触过cococs2d-x的开发者可能知道类似于智能指针的功能原理,在有引用的时候,将引用计数器自增,丢失引用 ...
麒麟子Cocos Creator实用技巧五：技能CD效果制作
今天带给大家的是一个关于技能CD的效果制作. 此效果不仅可以用于技能CD,一些按钮的CD也是可以用的. 为了照顾大家迫不及待(猴急)的心情,我写了一个DEMO给大家.DEMO上面做了5个英雄的技能和一 ...
七.卡尔曼滤波器开发实践之七: 无损卡尔曼滤波器(UKF)进阶-实例篇
本系列文章主要介绍如何在工程实践中使用卡尔曼滤波器,分七个小节介绍: 一.卡尔曼滤波器开发实践之一: 五大公式二.卡尔曼滤波器开发实践之二: 一个简单的位置估计卡尔曼滤波器三.卡尔曼滤波器(EK ...
linux 命令 cd -p,Linux_实例讲解Linux中cd命令切换目录的使用技巧，cd命令大家再熟悉不过了,bash sh - phpStudy...
实例讲解Linux中cd命令切换目录的使用技巧 cd命令大家再熟悉不过了,bash shell经常会被用到的切换目录命令. 接下来我们直接通过万能的man来了解cd命令. 直接 man cd 是不行的 ...
cd短是什么意思,王者荣耀：是不是技能cd越短难度就越大？看她就明白了
哈喽朋友们大家好,相信大家都知道,一个英雄的技能冷却时间有多么重要吧,那么今天小编就给大家盘点一下有哪些英雄的技能cd短,还有他们的操作难度大不大? 喜欢玩王者荣耀的小伙伴应该都能够明白,有的时候技能 ...
背景的css代码,CSS网页设计实例:设计制作大背景网页_css
网页制作Webjx文章简介:如何用css实现大背景网页设计. 自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计.因此我决定和大家分享大背景网站的设计技巧.在 ...
Unity技能CD的冷却效果实现
Unity 多个技能CD的第一次尝试第一次写博客感觉棒棒哒~: 为了让冷却时间能够根据技能的不同而产生不同的冷却时间效果,我想到的是在技能图片上添加Button组件,通过Button组件往对应的方法 ...
江西计算机奥赛试题初赛小学组,STEAM教育丨江西省第十八届中小学电脑制作技能提升活动创客竞赛圆满落幕！...
原标题:STEAM教育丨江西省第十八届中小学电脑制作技能提升活动创客竞赛圆满落幕! 2019年4月20日-21日,江西省电化教育馆在南昌市第三中学青山湖校区主办第十八届江西省中小学电脑制作技能提升活动 ...
计算机课件制作技能,第六章：多媒体课件制作技能详解.doc
多媒体课件制作技能训练 [学习提要] 多媒体课件基础一.多媒体课件概念 (一)课件的概念课件是采用某种计算机编程语言或编程工具设计与制作的一个计算机软件,它是根据教学大纲的要求,经过教学目标确定. ...

UE进阶实例42（制作技能CD和能量球材质）

UE进阶实例42（制作技能CD和能量球材质）相关推荐

最新文章

热门文章