【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

相关推荐
小雨爱测9 小时前
3ds Max 入门到进阶:建模、材质、灯光与渲染全流程指南
3d·材质
平行云9 小时前
建筑BIM/3D可视化轻量级实时评审与分享方案
unity·ue5·3dsmax·实时云渲染·云桌面·云游戏·建筑bim
FansAI_art2 天前
3D潮玩手办的材质还原与多角色同屏防崩坏
3d·材质
tianxuanjg3 天前
采购指南|航空复杂结构件高精度 CNC 加工采购选型指南
人工智能·经验分享·机器人·制造·材质
上海红同电子4 天前
红同电子线束工厂100问|绝缘护套采购,材质PVC、TPE、PP该如何选型?
数据库·经验分享·职场和发展·产品运营·制造·材质
Solange__5 天前
文旅景区怎么用AI生成3D导览?从航拍采集、地标重建到网页漫游的完整方案
人工智能·3d·语言模型·自然语言处理·材质·贴图·1024程序员节
BugPhysician5 天前
影之刃零首发UE崩溃排查:着色器缓存、虚拟内存与驱动版本
ue5·影之刃零·影之刃零报错·影之刃零进不去·ue崩溃·ue引擎崩溃·ue5引擎崩溃
电子云与长程纠缠7 天前
UE5魂系游戏开发教程05
开发语言·学习·游戏·ui·ue5
fanfan_hongyun7 天前
UE5.1 蓝图调用C++方法
ue5
易知微EasyV数据可视化7 天前
UE5 中接入 GDAL:从vcpkg编译到插件打包
ue5