【UE材质】通过曲线图谱和颜色曲线来控制材质运动

目录

效果

步骤

一、实现线性运动

二、实现非线性运动


效果

步骤

一、实现线性运动

  1. 新建一个材质并打开,设置材质域为用户界面,混合模式为半透明

在材质图表中添加如下节点,此时我们就可以通过数值改变圆圈纹理的缩放

但是缩放会伴随着纹理平铺,那么如何实现缩放的同时不平铺纹理呢?

  1. 打开光圈纹理,设置"X、Y轴平铺法"均为"限制"
  1. 此时返回材质就可以看到平铺的效果没有了

再通过时间节点我们就可以得到一个线性的循环动画材质

此时效果如下

二、实现非线性运动

  1. 在内容浏览器中添加一个曲线

选择"CurveLinearColor"

这里命名为"Curve_01"

  1. 再新建一个曲线图谱,这里命名为"CurveAtlas_01"

打开"CurveAtlas_01",设置梯度曲线为"Curve_01"

此时在顶部已经可以观察到曲线

  1. 回到材质图表中,添加一个曲线图谱参数节点

选中曲线图谱参数节点,设置图谱和曲线为刚才创建的

  1. 打开颜色曲线"Curve_01",设置只显示R通道

在保证横纵数值范围都在0~1范围内的前提下修改R通道曲线如下

此时回到材质中,在预览窗口中就可以看到此时是一个先快后慢的非线性运动动画

我们还可以在颜色曲线"Curve_01"中设置曲线的Alpha通道曲线如下

在材质中将曲线图谱参数节点输出的Alpha与纹理节点的Alpha相乘

此时预览窗口的效果如下

参考视频:

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

相关推荐
九流下半3 小时前
threejs 建筑设计(室内设计)软件 技术调研之四 墙体添加真实门窗并保持原材质
材质·threejs 画墙体·threejs 墙体添加门窗
ue星空3 小时前
UE5材质系统之PBR材质
ue5·材质
哈哈地图3 小时前
Cesium材质——Material
材质·cesium
咖肥猫1 天前
【ue5学习笔记2】在场景放入一个物体的蓝图输入事件无效?
笔记·学习·ue5
我的巨剑能轻松搅动潮汐4 天前
【UE5】pmx导入UE5,套动作。(防止“气球人”现象。
ue5
windwind20004 天前
UE5 跟踪能力的简单小怪
ue5
程序员_三木5 天前
Three.js资源-贴图材质网站推荐
javascript·webgl·three.js·材质·贴图
程序员_三木5 天前
React和Three.js结合-React Three Fiber
前端·javascript·react.js·前端框架·webgl·材质
Deveuper6 天前
UE5 C+、C++、C# 构造方法区别示例
c++·ue5·c#·ue4
windwind20006 天前
UE5 学习方法的思考
ue5·学习方法