【UE 材质】序列图动画、波动效果、颜色切换效果

目录

一、序列图动画

方法1

方法2

二、波动效果

三、颜色切换效果


一、序列图动画

方法1

新建一个材质,在材质中添加一个纹理采样节点,使用纹理"T_Explosion_SubUV"

由于该序列图是6*6的,因此我们可以通过将纹理坐标节点乘1/6得到单帧图像

然后我们可以每次平移1/6个长度,来切换显示一行上6张不同的单帧图像,如下

此时我们只需修改参数"Param"的值,当该值取0~5内的整数时就可以切换第一行中的6帧图像,但是当"Param"的值取到6时,图像又开始取到第1帧

如果我们想让参数"Param"在0~35内取值来达到切换36张图像的功能,可以再添加如下节点

然后我们只需通过"Time"节点来充当"Param"就可以实现自动切换序列图中不同的图像了

效果如下

我们可以调整如下参数来修改动画播放的快慢,该值越大,动画播放速度越快

方法2

可以直接通过"FlipBook"节点实现序列帧动画

二、波动效果

我们可以通过如下节点实现材质的波动效果,可以通过修改参数值来调整波动幅度和波动速度

效果如下

我们可以通过"Panner"或"Rotator"节点来替换之前的节点,同样可以实现波动效果

三、颜色切换效果

通过让"Lerp"节点中的"Alpha"在0~1之间来回变化,从而实现A与B之间效果的切换

效果如下

参考视频:

https://www.bilibili.com/video/BV1vM4y1g7Xe/?spm_id_from=333.999.0.0&vd_source=36a3e35639c44bb339f59760641390a8

相关推荐
程序员_三木3 天前
Three.js资源-贴图材质网站推荐
javascript·webgl·three.js·材质·贴图
程序员_三木3 天前
React和Three.js结合-React Three Fiber
前端·javascript·react.js·前端框架·webgl·材质
九流下半6 天前
threejs 建筑设计(室内设计)软件 技术调研之二 墙体材质改变
材质·threejs墙体材质·threejs点击切换面颜色·threejs点击切换面材质
ue星空6 天前
UE材质常用节点
ue5·虚幻·材质·虚幻引擎
胡说ba道7 天前
生活小妙招之UE CaptureRT改
ue4·材质
财经科技社9 天前
三思照明匠心之作!在杀菌灯材质上下功夫
材质
程序员_三木9 天前
Three.js入门-材质详解,构建视觉真实感的核心
开发语言·javascript·webgl·three.js·材质
ue星空9 天前
虚幻5描边轮廓材质
ue5·材质
珠海新立电子科技有限公司10 天前
【新立电子】FPC材料的选择与性能优化
性能优化·制造·材质
ue星空12 天前
UE5制作简单水材质
ue5·虚幻·材质·虚幻引擎