【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 天前
UE5 UI WarpBox 包裹框
ue5
脑壳疼___3 天前
vue3与ue5通信-工具类
前端·javascript·ue5
CG_MAGIC3 天前
虚幻 5 与 3D 软件的协作:实时渲染,所见所得
3d·ue5·游戏引擎·图形渲染·虚幻·游戏美术·渲云渲染
零一数创4 天前
数字孪生赋能智慧能源电力传输管理新模式
ue5·能源·数字孪生·ue·智慧能源·零一数创
零一数创4 天前
智慧能源驱动数字孪生重介选煤新模式探索
人工智能·ue5·能源·数字孪生·ue·零一数创
不爱说话的采儿4 天前
UE5保姆级基础教程(第五章)
经验分享·其他·ue5·游戏引擎·课程设计
幻雨様4 天前
UE5多人MOBA+GAS 26、为角色添加每秒回血回蓝(番外:添加到UI上)
java·ui·ue5
幻雨様4 天前
UE5多人MOBA+GAS 27、死亡被动(用于作为击杀奖励,爆金币和是增加经验)
java·服务器·ue5
开发游戏的老王5 天前
[BUG]关于UE5.6编译时出现“Microsoft.MakeFile.Targets(44,5): Error MSB3073”问题的解决
c++·ue5·bug·虚幻·虚幻5·gas
右弦GISer5 天前
【UE5医学影像可视化】读取dicom数据生成2D纹理并显示
ue5·dicom