Unity之ShaderGraph如何实现UV抖动

最新推荐文章于 2024-04-02 16:56:31 发布
最新推荐文章于 2024-04-02 16:56:31 发布
阅读量879 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Unity之ASE+ShaderGraph+VFX入门到精通 文章标签： unity UV抖动 shader ShaderGraph ASE 着色器 Noise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yupu56/article/details/133932464
本文介绍如何在Unity的ShaderGraph中利用噪波图实现UV抖动效果。通过Time节点获取时间参数，UV节点获取网格顶点的UV坐标，结合SimpleNoise节点生成噪声，调整Scale控制抖动幅度，最后将抖动后的UV与原始UV叠加，达到UV抖动的目的。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

今天我们通过噪波图来实现一个UV抖动的效果。
如下图所示：
在这里插入图片描述

关键节点

Time：提供对着色器中各种时间参数的访问
在这里插入图片描述

UV：提供对网格顶点或片段的UV坐标的访问。可以使用通道下拉参数选择输出值的坐标通道。
在这里插入图片描述

SimpleNoise：根据输入UV生成简单噪声或Value噪声。生成的噪声的大小由输入Scale控制。
在这里插入图片描述

原理

其实抖动的方式有很多，今天这个抖动方式是根据SimpleNoise的抖动原理实现一个抖动的UV，然后和原UV进行叠加。

完整节点

在这里插入图片描述

Unity之ASE如何实现UV扰动闪电效果
TxNet
02-15 1408
UV扰动，顾名思义，就是通过干扰原贴图的UV，使UV发生变化，导致贴图出现会动的效果，如果我们贴图和扰动的速度调整的刚好合适的话，会出现一些非常棒的效果，比如下图所示的闪电效果：好了，一个简单的UV扰动就讲完了，同学们可以发挥想象力，我们是否可以利用UV扰动的原理，做一点别的炫酷的效果出来，比如，交错流动，流光效果等等。很期待你的留言，这篇文章就到这里，希望对你有所帮助。
Unity之ASE+ShaderGraph+VFX入门到精通 目录
TxNet
05-19 2200
这里是ASE+ShaderGraph+VFX从入门到精通专栏的目录，不停更新中，有问题随时留言或者私信。
【Unity】从零使用ShaderGraph - 花草简单摇曳效果
最新发布
sylardie的博客
04-02 2198
顶点偏移可以用于实现许多类似于摇曳、摆动等动画。控制顶点位置则可以使用顶点色贴图。Position节点、Time节点、Noise节点是实现该效果的核心节点。
【Unity】从零使用ShaderGraph - 火焰UV扰动
sylardie的博客
08-18 1736
Unity 从零开始 ShaderGraph
ShaderGraph——扰动
weixin_42935398的博客
05-22 1363
目录:一、核心：在贴图X轴方向（UV中的U），制造无规律偏移二、将改造后的UV，赋给一张图片三、让图动起来四、效果图 一、核心：在贴图X轴方向（UV中的U），制造无规律偏移 原理是UV中原先的U，加上一个我们做的无规律的偏移值 二、将改造后的UV，赋给一张图片 三、让图动起来 不再只取噪点X为0处的Y值，而是取随机的X处的Y值 四、效果图 ...
unity ugui/ngui图片抖动shader
03-27
unity ugui/ngui图片抖动shader、通过uv偏移实现图片抖动。
unity之shader graph所有节点
qiushubo的博客
09-02 1509
提醒：https://www.bilibili.com/video/BV1qE411y7MJ建议配合此视频食用 Shader graph所有节点： 主面板参数: Surface(表面):opaque不透明 transparent变换（制作不透明材料要选） Precision(精度)：inherit继承 float浮点 half一半 Workflow（工作流）:specular镜子 metallic金属 Blend: Frament normal space:碎片正常空间 Tw...
Unity之ShaderGraph如何模拟水波实现顶点波动
TxNet
10-19 990
今天我们实现类似水波纹的顶点波动效果。
unity探索者之Shader Graph所有节点详解-目录篇
UnityExplorer的博客
09-27 1万+
Shader Graph所有节点讲解前言Artistic（艺术效果）1、Adjustments（图像调节）1) Chennel Mixer（通道混合器）2) Contrast（对比度）3) Hue（色调偏移）4) Invert Colors（颜色反转）5) Replace Color（颜色替换）6) Saturation（饱和度）7) White Balance（白平衡）2、Blend（混合）1) Blend（混合）3、Filter（过滤）1) Dither（抖动）4、Mask（遮罩）1) Channel
Unity Shader - Noise 噪点应用，实现类似流水的表面效果
Jave.Lin 的学习笔记
08-12 7179
整体效果 水平流动 垂直流动 扰动放大+扰动速度=激流 PerlinNoise 纹理 详细参考：柏林噪声(Perlin Noise)(译) 下面简单说说 柏林噪点可以用不同的平滑波函数来叠加，即可组合出柏林噪点 如下： 将它们叠加在一起 同样，柏林噪点生成的噪点图（其实都是波的高低数据），也可以叠加，组合出另一个噪点图 上面6个噪点图，叠加在一起，如下图： 是不是很像云朵、烟雾一...
Shader中两物体叠加来回闪烁的问题
vickieyy的博客
05-10 699
https://blog.csdn.net/linjf520/article/details/94596104 这篇博文其实讲的很清楚啦，但是因为自己看嘛~我想写的清楚一点，假如两个物体叠加在一起有闪烁情况，是因为他们公用了一个z，因此在shader中可以将其z修改。 Properties { _OffsetFactor("Offset Factor", Float) = 0 _OffsetUnits("Offset Units", Float) = 0 } SubShader {
Unity ShaderGraphs(二) 一些操作UV节点的举例
oscarwsd的博客
07-25 2191
效果：PingPong 较上一篇中的移动贴图，这里做了一些简单的拓展，主要使用Sine节点（正弦函数），实现贴图来回移动，像乒乓球一样。节点如下： 其中： Property:Speed 控制移动速度 Property:Distance 单次移动的最大距离 Sine节点：这里是输入Time的累积量，输出是[-1,1] Remap节点：重新映射到某个范围，这里是从[-1,1]映射到[0,distance] Tiling And Offset节点：这里主要是使用Offset偏移值，传入Remap之后的结果，则
Shader Graph3-第一个Shader滚动UV
zhuziying99的专栏
04-01 515
UE和Unity的shader工作流程基本一致，只是Unity中的UV节点在UE中使用的是TexCoord，使用UE的时候可以直接拖拽Texture到工作区，它会自动创建节点。Multiply左侧的0.3是控制UV滚动速度的，通过特殊的节点获得UV的值，而不能是直接将值连接到UV上是不对的。
Unity Shader初涉之 -- 布尔值控制Shader使用哪种计算
IYN的博客
11-02 5524
最近开始学习Shader，深深被它的功能所折服，而在使用时会产生一个需求，能不能用一个布尔值去控制Shader的运算逻辑，可以让他展示两套不同的表现形式，在翻看有关Shader的书籍时看到了这一部分，特此记录： using UnityEngine; using UnityEditor; using System; public class CustomShaderGUI : Sha
【UnityShader】代码详解①
Null
05-22 883
同时，由于参数传递是按值传递的，在函数执行完毕后，SurfaceOutputStandard结构体中被修改的值并不能返回给调用方（即上级Shader），使用inout关键字可以告诉编译器在函数执行完毕后将o变量中的修改传回到上级Shader中。在顶点着色器中，可以通过计算顶点的屏幕空间位置和模型变换矩阵，来计算顶点在纹理中的坐标，并将结果存储在Input结构体的成员变量中。"Opaque"渲染类型表示Shader是完全不透明的，会完全遮挡后面的物体，这种渲染类型通常用于不透明的材质，如石头、金属等。
Shader 常用函数总结
sinat_34014668的博客
10-30 7544
Shader 常用函数总结
菜鸡shader:L8 UV扰动动画——火焰和简单水面
weixin_43789369的博客
07-10 785
呃呃，毕竟是动画，不动起来看起来没什么变化，但条件限制，就这样吧。
Shader Graph25-UV移动旋转缩放（自定义函数）
zhuziying99的专栏
10-18 860
Offset为偏移值，Rotation为旋转速度，Scale为重复数，Pivot旋转中心的位置。一、UE在Material中右键，新建Material Function。三、Unity版本，新建Sub Graph命名为TransformUV。UVs变量后面增加一个默认UV的设置，如果没有uv传入则使用默认uv。编写内容，可以复制摇晃树叶的代码进入该sub graph。我们将UV操作放入函数内，该函数的内容来自我之前的文章。别忘了保存，最后的代码是这样的。修改Output名字和类型。
【Unity ShaderGraph】| 快速制作一个 抖动效果
热门推荐
努力前行，总会成为自己心中的那道光
11-02 5万+
本文将使用ShaderGraph制作一个抖动效果，可以直接拿到项目中使用。 下面就开始看一下具体的制作流程，然后自己动手制作一个吧！
Unity Shader Graph与VFX Graph实现过程字符生成教程
本知识点将聚焦于标题《ProcCharVfx：使用Unity Shader Graph和VFX Graph生成过程字符》中提到的内容，探讨在Unity中使用Shader Graph和VFX Graph生成过程字符的相关技术。 ### Unity Shader Graph Shader Graph是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TxNet.Ltd.

你的赞同是对我的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值