【UE 材质】制作加载图案

目录

效果

步骤

一、形成圆环

二、使圆环转起来


效果

步骤

一、形成圆环

新建一个材质,这里命名为"M_Loading"

打开"M_Loading",设置混合模式为半透明,着色模型为无光照,勾选双面

下面开始先创建一个圆环,将纹理坐标节点减去0.5得到中心点为(0,0)

再计算和0之间的欧式距离得到中心渐变的材质

通过减去一个数值来得到中心部分较大的圆

取绝对值得到圆环

通过smoothstep节点来控制圆环的宽度

再通过round做一次4舍5入的取整

最后进行取反就得到了圆环的效果

二、使圆环转起来

先用0.5减去纹理坐标

将结果分成两个通道分别进行反正切

除2π

使用"frac"节点取小数

减去"Time"节点输出的小数部分,得到一个旋转的效果

将两部分相乘,得到如下效果

如果我们希望有多个旋转效果,可以添加如下节点

将输出连接到不透明度上,再设置自发光颜色

此时效果如下

如果要改为UI上可用的材质只需将材质域改为用户界面即可

参考视频:

https://www.bilibili.com/video/BV1R8411r7oG/?spm_id_from=333.999.0.0&vd_source=36a3e35639c44bb339f59760641390a8

相关推荐
吴梓穆5 小时前
UE5 脚部IK
ue5
屯子来了5 小时前
Windows + VS2022 + UE5.2 编译 Fast DDS 2.14.0 完整记录
c++·ue5·fastdds
在下胡三汉1 天前
3dmax直接导入加载glb,gltf格式模型插件,支持导入动画材质贴图纹理,可以批量导入
3d·材质·贴图·gltf·glb
成都渲染101云渲染66661 天前
极速渲染的办法,大量算力铺垫下的“云渲染”究竟有多快
ue5·maya
3D霸霸1 天前
UE5 怎么看场景性能、判断能不能上移动端
ue5
电子云与长程纠缠1 天前
UE5 GameFeature创建与使用
开发语言·学习·ue5·游戏引擎
zhangzhangkeji1 天前
(40)UE 里从 C++到蓝图的异步节点函数,继承类 UBlueprintAsyncActionBase
ue5
混迹中的咸鱼1 天前
Unreal Engine 5 联机网络架构技术手册
网络·架构·ue5
Yuk丶2 天前
UE4 与 UE5:技术差异深度解析
c++·ue5·游戏引擎·ue4·游戏程序·虚幻
UTwelve2 天前
【UE】如何手搓一个完美贴合地形的 Mesh Decal(面片贴花)
ue5·材质·贴图·着色器