【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

相关推荐
Bluesonli5 分钟前
UE5 蓝图学习计划 - Day 8:触发器与交互事件
学习·ue5·虚幻·虚幻引擎·unreal engine
YYYYYY020207 分钟前
ue5笔记(2)
笔记·ue5
爱写代码的山山16 小时前
虚幻UE5手机安卓Android Studio开发设置2025
android·ue5·虚幻
Bluesonli21 小时前
UE5 蓝图学习计划 - Day 6:角色蓝图
学习·ue5·unreal engine
Bluesonli21 小时前
第 2 天:创建你的第一个 UE5 C++ 项目!
c++·学习·ue5·虚幻·虚幻引擎·unreal engine
Bluesonli1 天前
第 1 天:UE5 C++ 开发环境搭建,全流程指南
开发语言·c++·ue5·虚幻·unreal engine
单蠢小威2 天前
受击反馈HitReact、死亡效果Death Dissolve、Floating伤害值Text(末尾附 客户端RPC )
c++·chatgpt·ue5
陈立里3 天前
UE5制作视差图
ue5·立体匹配·双目深度估计·stereo matching·disparity
曼巴UE53 天前
UE5.3 C++ CDO的初步理解
ue5
单蠢小威4 天前
UE5 GAS RPG Character Classes
c++·ue5