1. 节点概述与核心价值

在ShaderGraph的世界里，锯齿波节点（Sawtooth Wave Node）是一个看似基础，实则功能强大的数学工具。它不像正弦波那样平滑优雅，也不像方波那样棱角分明，它以一种独特的、单向递增后骤降的波形，为我们的着色器创作带来了丰富的动态可能性。无论是模拟扫描雷达的旋转光束、创建老式电视的场同步信号效果，还是实现物体表面周期性的“呼吸”或“脉动”高光，锯齿波都是不可或缺的“节奏发生器”。

简单来说，锯齿波节点能根据输入的时间或任意参数，输出一个从0到1线性增加，然后在达到1的瞬间跳回0，并重新开始递增的周期性数值。这种“爬升-跌落-再爬升”的特性，是创造单向循环动画、构建UV偏移序列以及实现非对称周期性变化的基石。对于刚接触ShaderGraph的朋友，理解并熟练运用锯齿波，意味着你掌握了创造规律性动态效果的钥匙，能让你的材质从静态的“图片”变为充满生命力的“动画”。

2. 锯齿波节点的数学原理与参数解析

2.1 波形生成的数学本质

要真正用好锯齿波节点，不能只停留在“它会输出周期性变化的值”这个层面。我们需要深入其数学本质。在ShaderGraph中，锯齿波节点的核心计算通常基于取模运算（Modulo Operation）或小数部分函数（Fraction Function）。

其最基础的数学表达式可以理解为：Sawtooth(t) = frac(t)。这里的t是输入值（通常是时间Time经过缩放和偏移后的结果），frac()函数用于取t的小数部分。因为任何数字的小数部分都在[0, 1)的区间内（包含0，不包含1），所以当t线性增加时，其小数部分就会从0开始线性增加到无限接近1，然后在t变为下一个整数时，小数部分瞬间归零，从而形成了锯齿状的波形。

在ShaderGraph的节点内部，实现可能略有不同，但原理相通。节点通常会处理输入值In的周期性问题。其完整公式可以描述为：Out = (In / Period) - floor(In / Period)。这里Period是周期参数。这个公式清晰地展示了过程：先将输入值归一化到周期内(In/Period)，然后通过floor()函数取整，得到当前处于第几个完整周期，再用归一化值减去这个整数部分，结果就是当前周期内的相对位置，其值域为[0, 1)。

2.2 节点端口与参数详解

在ShaderGraph编辑器中找到锯齿波节点，你会看到几个关键的端口和参数：

1. 输入端口

   • In：这是波形的“驱动器”。最常连接的是Time 节点的输出（如Time节点的Time或Sine Time端口），驱动波形随时间变化。但你也可以连接任何其他标量值，例如另一个噪声节点的输出、顶点位置坐标的某个分量（如Position节点的Y输出），从而创建基于空间而非时间的波形变化。

2. 输出端口

   • Out：输出计算得到的锯齿波值，范围默认为[0, 1)。这个值会随着In的输入而周期性跳变。

3. 节点参数（在节点属性面板中）

   • Period：这是最重要的参数之一，定义了波形的周期。它决定了In输入值需要增加多少，输出Out才会完成一个从0到1的完整循环。
     • 如何理解：如果Period = 2，那么In从0增加到2，Out会完成一次从0到1的爬升。Period值越大，波形变化越“慢”（完成一个循环需要的In增量越大）；值越小，变化越“快”。
     • 计算公式关联：回顾公式Out = (In / Period) - floor(In / Period)。当In等于Period时，In/Period = 1，floor(1) = 1，因此Out = 1 - 1 = 0，完成一个循环。
   • Output Range：这是一个非常实用的参数，它允许你重新映射输出的范围。默认是[0, 1)，但你可以将其改为[-1, 1)或[-0.5, 0.5)等。
     • 为什么需要它：很多着色器操作，比如法线方向偏移、颜色混合（使用Add节点），在0值附近对称操作会更方便。将范围设为[-0.5, 0.5)，意味着波形在0上下波动，直接相加不会造成单方向的持续累积偏移。

注意：Output Range改变的是输出值的范围，但波形的形状和周期不变。它只是在输出前进行了一个线性映射：Out_remapped = (Out * (max - min)) + min，其中[min, max)是你设置的输出范围。

3. 核心应用场景与设计思路拆解

锯齿波节点的应用，核心在于利用其单向线性增长和周期性复位的特性。下面拆解几个典型的设计思路。

3.1 创建单向循环动画

这是最直接的应用。比如制作一个无限旋转的雷达扫描线。

1. 思路：雷达扫描线需要围绕一个中心点连续旋转360度后，立刻跳回0度重新开始。这与锯齿波从0到1（对应0度到360度）然后归零的特性完美契合。
2. 实现：
   • 将Time节点连接到锯齿波节点的In。
   • 调整锯齿波节点的Period参数，控制扫描线旋转一圈的速度（例如，Period=2表示2秒一圈）。
   • 锯齿波节点的Out输出范围是[0, 1)，对应角度[0°, 360°)。我们需要将其映射到弧度：弧度 = Out * 2 * PI。
   • 使用这个弧度值，通过Rotate节点去旋转一个代表扫描线的梯度纹理或一个简单的UV方向向量。

设计要点：这里的锯齿波充当了一个线性的、循环的“时间-角度”转换器。Period控制转速，锯齿波本身保证了旋转的连续性和循环性。

3.2 构建UV偏移序列（纹理流动）

让纹理沿着一个方向持续流动，例如瀑布、水流、传送带。

1. 思路：纹理UV的偏移需要持续增加，但为了避免UV值无限增大可能带来的精度问题或非预期包裹，我们利用锯齿波的周期性，让UV在达到一定阈值后“归零”，但由于纹理采样默认是包裹模式（Wrap Mode），这种跳跃在视觉上是无缝的。
2. 实现：
   • Time节点驱动锯齿波节点。
   • 将锯齿波节点的Out（范围[0, 1)）乘以一个缩放系数，例如0.5，然后连接到纹理采样节点的UV端口的X或Y分量。
   • 这样，UV就会在[0, 0.5)的范围内循环偏移。由于纹理是包裹的，当UV值从0.499跳回0时，纹理的接缝处是连续的，从而形成了平滑的无限滚动效果。

设计要点：与直接使用Time进行加法偏移相比，使用锯齿波可以更直观地通过Period控制“滚动一个完整纹理长度所需的时间”。并且，通过设置Output Range，可以轻松实现双向滚动（如[-0.25, 0.25)）。

3.3 实现非对称的周期性效果

很多自然或机械现象的变化不是对称的。比如，呼吸灯通常是“缓慢亮起，快速熄灭”；充电指示是“一段段地增长”。

1. 思路：锯齿波本身就是一个非对称波形（上升沿长，下降沿瞬间）。我们可以直接利用这个形状，或者用它来驱动其他节点的参数，创建非对称的动画曲线。
2. 应用示例：脉冲警示灯。
   • 一个经典的红色警示灯效果是：暗红色持续一段时间，然后迅速亮起至最红，再瞬间恢复暗红。
   • 使用锯齿波，Period设为闪烁周期（如1.5秒）。锯齿波输出的[0, 1)值中，我们只取接近1的一小部分（例如Out > 0.85）来触发高亮度。
   • 具体操作：将锯齿波Out连接到一个Split或Remap节点，将[0.85, 1)这个小区间重新映射到[0, 1)，并用于控制自发光强度。这样，在大部分周期（Out从0到0.85）里，强度为0（暗红），仅在最后瞬间（Out从0.85到1）强度从0线性增加到1（最亮），然后瞬间归零。

设计要点：锯齿波的线性部分用于控制“量变”过程（如充电量积累），而跳变点则用于触发“质变”或重置（如充满瞬间的闪烁或归零）。这种设计比使用对称的正弦波更加符合特定场景的物理直觉。

4. 实战演练：构建一个动态全息扫描材质

让我们通过一个完整的案例，将上述理论付诸实践。我们将创建一个科幻风格的全息投影材质，其表面会有一道锯齿波驱动的扫描光带从上至下周期性扫过。

4.1 材质蓝图与节点搭建

我们的目标是：一个半透明、带有网格底纹、且有一道高亮光带周期性扫描的材质。

1. 基础设置：新建一个Unlit Shader Graph。在主Master Stack中，将Surface Type设置为Transparent，Blend Mode设置为Alpha。
2. 创建网格底纹：
   • 使用Tiling And Offset节点对UV进行平铺（例如Tiling = (10, 10)），得到密集的网格UV。
   • 分别用两个Fraction节点获取平铺后UV的X和Y的小数部分。
   • 用两个Step节点，设定一个很小的阈值（如0.1），将小数部分转换为只有0和1的线条。Step(0.1, fracX)会在fracX > 0.1的区域输出1（白色线条），否则输出0（黑色）。
   • 将X和Y方向的线条输出用Multiply节点相加（Add节点会导致交叉处更亮，Multiply则能保持线条均匀），得到一个网格图案。将其颜色调为暗青色，作为基底。
3. 生成扫描光带（核心）：
   • 放置一个Time节点和一个Sawtooth Wave节点。将Time的Time端口连接至锯齿波节点的In。
   • 设置锯齿波节点的Period为3（3秒扫描一次）。将Output Range设置为[0, 1)。
   • 我们需要一道从上到下移动的光带。思路是：将模型空间的Y坐标（或屏幕空间的Y坐标）与这个随时间变化的锯齿波值进行比较。
   • 获取Position节点，将其空间设置为World。使用Split节点分离出Y分量。世界坐标Y值范围可能很大，我们需要将其归一化到[0, 1]区间，代表物体的“底部”到“顶部”。可以使用Remap节点，根据物体的大致高度进行映射，或者采用一个更通用的技巧：使用Absolute和Sine/Cosine对坐标进行变换后取小数部分。为了简化，我们假设物体原点在中心，高度约为2个单位。那么可以：NormalizedY = (Position.Y + 1) / 2。这样，当Position.Y = -1（底部）时，NormalizedY = 0；当Position.Y = 1（顶部）时，NormalizedY = 1。
   • 关键步骤：现在，我们有一个随时间从0→1循环的锯齿波值ScanWave，和一个代表物体垂直位置的NormalizedY。我们希望当扫描波的值与位置值近似相等时，产生高亮。
   • 使用Subtract节点计算差值：Difference = ScanWave - NormalizedY。当扫描波从上而下移动时，在扫描波刚好经过的某个水平位置，这个差值会从正变为负，中间经过0。
   • 为了得到一条光带，我们需要捕捉差值在0附近的一个小范围。使用Absolute节点取差值的绝对值AbsDiff。
   • 使用One Minus节点：1 - AbsDiff。这样，在差值接近0的地方，这个值接近1；差值远离0的地方，值接近0。
   • 最后，使用Saturate节点钳制，并用一个Power节点对其求幂（如2.5），让光带边缘更锐利。这个结果就是我们的光带遮罩ScanMask，范围[0, 1]。
4. 合成最终颜色：
   • 将网格基底颜色（暗青色）与高光颜色（亮青色或白色）用Lerp（线性插值）节点混合。Lerp的T输入端口连接我们计算出的ScanMask。
   • 将混合后的颜色输出到Master Stack的Color端口。
   • 将ScanMask也连接到Alpha端口，或者与一个基础透明度值相乘后再连接，使得光带扫过时材质更不透明，其他区域更透明，增强立体感。

4.2 参数调节与效果优化

搭建完成后，通过调节参数来优化效果：

• 扫描速度：直接调整锯齿波节点的Period。值越大，扫描越慢。
• 光带宽度：在计算光带遮罩的步骤中，在取绝对值之前，可以对Difference乘以一个系数（如0.5）。AbsDiff = Abs(Difference * 0.5)。系数越小，AbsDiff在0附近变化越平缓，经过1 - AbsDiff和Power计算后，得到的光带就越宽。
• 光带锐利度：调整Power节点的指数。指数越大，光带中心到边缘的过渡越陡峭，光带看起来越“硬”；指数越小（大于1），过渡越平滑，光带看起来越“柔和”。
• 扫描方向：如果想从下往上扫描，只需将计算差值的公式颠倒：Difference = NormalizedY - ScanWave，或者简单地反转NormalizedY的计算（(1 - NormalizedY)）。

实操心得：在将世界坐标Y归一化时，如果物体在场景中会移动或旋转，世界坐标会变，导致扫描效果不稳定。一个更稳健的方法是使用物体局部空间坐标（Position节点，空间设置为Object）或者模型顶点法向量的某个分量。例如，用法向量的Y分量（Normal Vector节点）来驱动，这样扫描效果会基于模型自身的朝向，无论模型如何摆放，扫描总是沿着模型自身的“上”方向进行，视觉效果更可控。

5. 锯齿波与其他波形节点的对比与联合使用

5.1 与三角波、正弦波、方波的对比

理解锯齿波的独特之处，最好的方法就是与其他周期性波形节点对比。

选择指南：

• 需要单向、累积后重置的效果，选锯齿波。
• 需要平滑、自然的振荡，选正弦波。
• 需要对称的线性往复，选三角波。
• 需要定时、脉冲式的开关，选方波。

5.2 节点组合创造复杂效果

单一波形功能有限，组合使用能产生质变。

1. 锯齿波 + 正弦波：赋予扫描光带“呼吸感”

   • 单独使用锯齿波驱动的扫描光带，其亮度是恒定的。我们可以用另一个频率更高的正弦波节点，去调制光带遮罩的强度或宽度。
   • 操作：将正弦波节点的输出（范围[-1, 1]，需重映射到[0, 1]）与锯齿波生成的光带遮罩ScanMask进行Multiply。
   • 效果：光带在扫描过程中，其亮度会呈现波浪形的起伏，仿佛能量在波动，更加生动。

2. 锯齿波驱动方波的周期：创建规律闪烁序列

   • 假设我们需要一个每5秒闪烁3次的信号灯。可以用一个周期为5秒的锯齿波作为“大周期”。
   • 在这个锯齿波的每个周期内（即其输出从0到1的过程中），我们希望在特定的进度区间（例如0.2到0.5，0.6到0.8）内触发方波闪烁。
   • 操作：将锯齿波输出连接到一个Split节点，然后用Comparison节点（如Greater Than和Less Than）定义出需要闪烁的区间，将这些逻辑判断的结果用And节点组合，最终输出一个在“大周期”内特定时段激活的“使能信号”。再用这个使能信号去控制一个高频方波（负责具体闪烁）的Multiply输入。
   • 效果：实现了复杂的定时、分段的闪烁模式。

3. 锯齿波作为UV的“时间轴”，采样噪声纹理：创造动态变形

   • 将锯齿波节点的输出，作为UV的V方向（或U方向）的偏移量。同时，U方向保持不变，或者由另一个参数控制。
   • 用这个动态UV去采样一张Noise纹理。
   • 效果：噪声图案会沿着一个方向持续流动，可以用来模拟云层流动、水面波纹的定向传播、熔岩的缓慢蠕动等效果。锯齿波提供了稳定、循环的“时间推进”，而噪声纹理提供了丰富的、不规则的细节。

6. 常见问题排查与性能优化技巧

在实际使用锯齿波节点时，你可能会遇到一些意想不到的情况。这里记录了一些常见坑点和解决思路。

6.1 波形跳变处出现视觉瑕疵或闪烁

问题描述：在锯齿波值从接近1跳变回0的瞬间，由它驱动的动画（如UV偏移、物体位置）可能会出现一瞬间的闪烁或画面撕裂。

原因分析：

1. 精度问题：在跳变点，数值的剧烈变化可能在单帧内导致插值或比较运算出现极端值。
2. 纹理过滤与Mipmapping：对于UV偏移应用，在跳变瞬间，GPU采样的纹理坐标发生突变，如果纹理的过滤模式是Bilinear或Trilinear，可能会采样到错误的Mipmap层级或进行错误的像素插值。
3. 深度缓冲/Z-Fighting：如果跳变影响了顶点位置（例如用于顶点偏移），在跳变帧，深度值可能剧烈变化，导致与背景或其他物体的深度测试出现闪烁。

解决方案：

• 方案A：平滑过渡：避免直接使用锯齿波的跳变输出。在跳变点附近，用一个平滑函数（如Smoothstep）对输出进行“软化”处理。例如，在Out > 0.95时，开始将其平滑地过渡到0。但这会改变波形特性，适用于对跳变不敏感的场景。
• 方案B：偏移相位：如果多个物体或通道使用相同的锯齿波驱动，可以给它们的输入In添加一个微小的偏移量（如+ 0.001），让它们的跳变点错开一帧，避免所有物体在同一帧发生突变，分散视觉冲击。
• 方案C（针对UV）：使用Wrap模式并检查纹理设置：确保采样纹理的Wrap Mode设置为Repeat。对于重要的动态纹理，考虑关闭Mip Maps或使用Point过滤模式，以避免在UV跳变时因Mipmap切换引起的闪烁。
• 方案D：规避跳变：重新设计效果，不依赖瞬间跳变。例如，需要循环滚动时，考虑使用Fraction节点对持续增加的时间取小数，其本质与锯齿波相同，但心理上更倾向于“连续”而非“跳变”。

6.2 效果在物体边缘或特定角度失效

问题描述：基于世界坐标或屏幕坐标的扫描效果，在物体边缘或摄像机特定角度下，光带消失或变形。

原因分析：这通常是因为用于计算位置关系的坐标系统选择不当。世界坐标和屏幕坐标在物体背面或边缘处，其值与正面的视觉预期不符。例如，用世界坐标Y值，物体的顶部和底部是固定的，但如果物体旋转，其“视觉上的顶部”可能已经不是世界坐标的Y正方向了。

解决方案：

• 优先使用物体局部空间或模型空间：如之前心得所述，使用Position（Object Space）或顶点法线、切线方向。这样效果会牢牢“粘”在模型自身上，与模型一起移动旋转，行为更可预测。
• 使用摄像机向量：对于需要基于视角的效果（如边缘光扫描），可以使用View Direction节点和Normal Vector节点的点积（Dot Product）来计算菲涅尔效应，再用锯齿波去调制这个效应的强度，从而实现随视角和周期变化的扫描高光。
• 使用屏幕空间UV：如果确实需要屏幕空间效果（如全屏后处理），应使用Screen Position节点，并确保正确处理了齐次坐标和屏幕比例。

6.3 性能考量与优化建议

锯齿波节点本身计算开销极低，只是一个简单的取模或小数运算。性能瓶颈通常出现在它驱动的大量后续计算上。

1. 避免每帧重复计算相同波形：如果一个锯齿波信号被材质中的多个分支使用（例如同时驱动颜色、自发光和顶点偏移），务必确保只计算一次，然后通过一个Branch节点或直接复制连线将其结果分发到各处，而不是连接多个Time节点各自计算。
2. 谨慎驱动顶点着色器：用锯齿波驱动Position节点的偏移来实现顶点动画（如整体上下跳动）是非常高效的。但是，如果波形计算过于复杂或影响了大量顶点，仍需关注性能。在移动平台，复杂的顶点动画是性能敏感点。
3. 对于复杂循环序列，考虑使用纹理采样：如果你需要的是一个非常复杂、非线性的周期序列（例如一个由多个不同宽度脉冲组成的循环图案），使用锯齿波作为UV的X坐标（或时间轴），去采样一张一维的、包含这个序列的纹理（Texture2D，宽度为序列长度，高度为1），可能比用一堆数学节点实时合成要更高效、更灵活。这张纹理可以看作是波形的“查找表”（LUT）。
4. 使用Custom Function节点封装：如果你在多个Shader Graph中重复使用一套复杂的、基于锯齿波的逻辑（例如上文提到的全息扫描光带计算），可以考虑将其封装到一个Custom Function节点中。这不仅能提高复用性，保持图面整洁，在某些情况下，手写的HLSL代码可能比节点网络有微小的优化空间（但可读性会下降，优先保证可维护性）。