【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

相关推荐
directx3d_beginner1 天前
42,将移向指定位置改为c++
ue5
三棵树园艺2 天前
室内仿真假山流水工程避坑指南|2026行业数据+材质测评+标准化施工全方案
材质
敲代码娶不了六花2 天前
Blender 3.6 Eevee 玻璃材质只反射世界环境,无法透视透明问题解析
blender·材质
Martina_03213 天前
AI生成的过山车轨道导入后频繁脱轨?用5步检查样条、轨距与碰撞
图像处理·人工智能·游戏·3d·材质·游戏策划·关卡设计
三棵树园艺3 天前
商业软装消防验收避坑技术复盘|仿真绿植阻燃等级国标规范、造假原理与落地解决方案(2026数据实测)
创业创新·材质
ue星空4 天前
UE5放了playstart显示badsize解决方案
ue5
njsgcs4 天前
SIFU透明面片材质下载
材质
directx3d_beginner6 天前
41,从UE5.1迁移到UE5.8排坑全记录
ue5
HwJack207 天前
【共创稿事节】HarmonyOS 7材质与光照:真实感的营造与性能的平衡
pytorch·harmonyos·材质
NailiConveyor8 天前
输送机皮带材质选型指南:PVC、PU、橡胶、模块化塑料各适用什么场景?
大数据·运维·自动化·制造·业界资讯·材质