【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 小时前
Unity材质贴图引用陷阱:包体暴涨真相
unity·材质·贴图
AI视觉网奇17 小时前
3d数字人 ue blender 绑定衣服对齐 2026
学习·ue5
lGSrsEpqUxi18 小时前
双馈风机风电场经串补并网次同步振荡/谐振仿真模型探索
材质
格林威1 天前
Baumer相机玻璃制品裂纹自动检测:提高透明材质检测精度的 6 个关键步骤,附 OpenCV+Halcon 实战代码!
人工智能·opencv·视觉检测·材质·工业相机·sdk开发·堡盟相机
top_designer2 天前
Materialize:手绘地表太假?“PBR 纹理炼金术” 5分钟生成次世代材质
游戏·3d·aigc·材质·设计师·游戏美术·pbr
AI视觉网奇3 天前
ue metahuman自动绑定实战
笔记·学习·ue5
AI视觉网奇3 天前
ue 安装报错MD-DL ue 安装笔记
笔记·学习·ue5
pingao1413783 天前
金属材质翻斗传感器:耐用型雨量监测的核心解决方案
材质
zhangzhangkeji4 天前
UE5 多线程(6):FQueuedThreadPool 的使用,peek 函数,
ue5
AI视觉网奇4 天前
ue 导出 fbx
笔记·学习·ue5