【UE 材质】制作加载图案(2)

在上一篇(【UE 材质】制作加载图案)基础上继续实现如下效果的加载图案

效果

步骤

  1. 复制一份上一篇制作的材质并打开
  1. 添加"Floor"节点向下取整

除相同的平铺数

此时的效果如下

删除如下节点

通过"Ceil"向上取整,参数"Tiling"默认值设置为12

此时效果如下(圆环从有到无)

我们需要的是从无到有生成圆环,因此取一次反

如果我们希望顺时针旋转,在如下位置处取一次反

在如下位置处取小数得到如下图案

和自身的取反相比取最小值部分,得到更大的间隔

通过"SmoothStep"来控制间隔大小

4舍5入

如果希望中心部分不显示,我们可以乘上中心渐变的部分

将输出的结果和圆环效果相乘得到如下效果

再将输出的结果与旋转相乘

此时效果如下

完整节点如下

参考视频:

https://www.bilibili.com/video/BV16C4y1d7gC/?spm_id_from=333.788&vd_source=36a3e35639c44bb339f59760641390a8

相关推荐
魔士于安4 天前
unity 丑陋哥布林 哥布林有humannoid 动画没 带动画
unity·游戏引擎·材质·贴图·模型
曼巴UE55 天前
UE5 客户端 需要的网络同步概念总结(3 )-事件同步 RPC 以及三种调用方式
网络·c++·网络协议·学习·rpc·ue5
归真仙人7 天前
【UE项目迁移银河麒麟(Linux)局域网会话搜索失败排查】
ue5·ue4·vr·unreal engine·银河麒麟
fanfan_hongyun9 天前
UE5.1 应用InWebSocketClient-main 接收websocket信息
ue5
远离UE49 天前
Chaos、WFC 与 FJA 原理与区别笔记
ue5
平行云10 天前
3D应用推流太贵太慢?ImmerShare Lite:利用本地算力实现极简一键分享
unity·ue5·实时云渲染·云桌面·像素流·云游戏·串流
fanfan_hongyun10 天前
UE5.1 VaRest插件 读取json http请求
ue5
SpiderCodeJ11 天前
【UE5】- UE MCP :在UE5.8编辑器中内置链接Codex
ue5·codex·智能体·mcp
来让爷抱一个13 天前
2026 纹理一致性实战:贴图不许花脸,百智云精灵图把材质契约写进素材包
人工智能·机器学习·材质·贴图
weixin_4046793114 天前
ue5 widget 之间的蓝图通讯
ue5