【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

相关推荐
日月云棠13 小时前
UE5 Lyra Teams模块深度分析:从队伍创建到伤害判定的完整链路
ue5
2401_8595062419 小时前
需求分析、节点确认、过程透明——我用做项目的思路选了一家玉雕工作室
材质
日月云棠3 天前
UE5 Lyra Inventory 物品系统模块深度分析——从数据定义到网络同步的完整链路
ue5
日月云棠4 天前
UE5 Lyra Weapons 模块深度分析——从装备实例到弹道散布的完整武器系统
ue5
清泓y5 天前
UE5程序化生成技术
ue5
清泓y6 天前
UE5--VR与AR开发技术
ue5·ar·vr
日月云棠6 天前
UE5 Lyra Messages 模块深度解析——从一条击杀消息看游戏事件系统的设计哲学
游戏·ue5
日月云棠7 天前
UE5 Lyra Input 模块:从手柄摇杆到技能释放,一条链路如何做到零耦合
ue5
chaojihaomai7 天前
AI电商商品图生成中的材质保真问题——扩散模型重建优先级分析与锁定式方案
人工智能·材质
xcLeigh8 天前
Unity基础:材质与纹理入门——给物体穿上“衣服“
unity·游戏引擎·材质