在Unity URP Shader Graph中，Tangent节点是一个重要的数学函数节点，用于计算输入值的正切值。这个节点在创建各种视觉效果时发挥着关键作用，特别是在处理周期性变化、波形效果和数学变换相关的着色器场景中。正切函数作为三角函数家族的一员，在图形编程中有着广泛的应用，从简单的动画效果到复杂的材质模拟都离不开它的参与。
Tangent节点的核心功能是将输入的弧度值转换为对应的正切值。与正弦和余弦函数类似，正切函数也是周期性的，但其周期为π（约3.14159），而不是2π。这意味着正切函数在每个π间隔内重复其值模式，并且在每个周期的中点（π/2的奇数倍）处存在垂直渐近线，函数值趋向于正无穷或负无穷。理解这一数学特性对于正确使用Tangent节点至关重要，因为当输入值接近这些奇点时，函数值会急剧变化，可能导致视觉上的不连续或异常。
在Shader Graph中，Tangent节点属于数学函数类别，可以处理各种类型的输入数据，包括标量值、向量和矩阵。当输入为向量或矩阵时，节点会分别对每个分量独立计算正切值，这使得它能够高效地处理多维数据。这种逐分量计算的特性使得Tangent节点在并行处理多个数值时特别有用，符合GPU的并行计算架构优势。
描述
Tangent节点的主要功能是计算输入值的正切值。在数学上，正切函数定义为正弦值与余弦值的比值，即tan(x) = sin(x)/cos(x)。在Shader Graph的实现中，这个函数接受一个输入值（通常以弧度为单位），并返回对应的正切值。
正切函数的输出范围是整个实数集，从负无穷到正无穷。与正弦和余弦函数的有界输出（-1到1）不同，正切函数在特定点（π/2的奇数倍）处趋于无穷大，这在实际应用中需要特别注意。在着色器编程中，当输入值接近这些奇点时，可能会导致数值不稳定或视觉伪影，因此通常需要采取预防措施，如限制输入范围或处理异常情况。
在视觉表现方面，正切函数产生的波形比正弦和余弦更加"尖锐"，变化更加剧烈。这使得它在模拟某些特定类型的周期性现象时特别有用，比如某些类型的干涉图案、快速振荡效果或非线性变换。理解正切函数的这一特性有助于艺术家和开发者更好地预测和控制其视觉效果。
Tangent节点在Shader Graph中可以与其他节点组合使用，创造出复杂的数学关系和视觉效果。例如，它可以与时间节点结合创建动画效果，与纹理坐标节点结合生成变形图案，或者与光照计算节点结合实现特殊的材质反射特性。节点的灵活性和通用性使其成为Shader Graph工具集中不可或缺的一部分。
在实际应用中，Tangent节点常用于以下场景：
- 创建周期性变化的动画效果，如脉动、呼吸式动画
- 生成波形图案，用于水面涟漪、布料摆动等效果
- 实现非线性变换，扭曲纹理或几何形状
- 构建复杂的数学函数，作为更复杂着色器网络的一部分
- 模拟自然现象，如光线的折射、热浪扭曲等
端口
Tangent节点的端口设计遵循Shader Graph的标准约定，包括输入端口和输出端口，用于数据的流入和流出。理解每个端口的特性和行为是有效使用该节点的关键。
输入端口
输入端口标记为"In"，是Tangent节点接收数据的入口。这个端口的设计具有以下特点和注意事项：
- 方向：输入方向，表示数据从这个端口流入节点进行处理
- 类型：动态矢量类型，这意味着它可以接受不同维度的数据，包括float、float2、float3和float4
- 数据类型支持：当输入为float时，节点计算单个正切值；当输入为float2、float3或float4时，节点会分别对每个分量计算正切值
- 单位要求：输入值通常应以弧度为单位，而不是角度。如果您的数据原本是角度制，需要先乘以π/180转换为弧度
- 数值范围：虽然从数学上讲，正切函数可以接受任何实数值，但在实际应用中，应避免输入值过于接近π/2的奇数倍，以防止数值溢出和视觉异常
- 连接灵活性：输入端口可以连接到任何输出兼容数据类型的节点，包括常量、属性、纹理样本、数学运算结果等
输入端口的数据处理遵循逐分量计算原则。例如，当输入一个float3向量(π/4, π/3, π/6)时，节点会分别计算tan(π/4)、tan(π/3)和tan(π/6)，返回结果约为(1.0, 1.732, 0.577)。这种并行处理能力充分利用了GPU的架构优势，使得复杂向量运算能够高效执行。
输出端口
输出端口标记为"Out"，是Tangent节点输出计算结果的出口。这个端口具有以下特性：
- 方向：输出方向，表示处理后的数据从这个端口流出，供后续节点使用
- 类型：动态矢量类型，其维度与输入端口保持一致。如果输入是float，输出也是float；如果输入是float3，输出也是float3
- 数值特性：输出值的范围是整个实数集，可能包含极大或极小的数值，具体取决于输入值是否接近正切函数的奇点
- 数据流：输出端口可以连接到任何接受相应数据类型的输入端口，形成复杂的数据流网络
- 可视化反馈：在Shader Graph界面中，输出端口通常会有数值预览或颜色编码，帮助开发者直观理解输出结果
输出端口的数据与输入端口具有相同的维度结构，但数值已经过正切函数变换。这种保持维度一致的特性使得Tangent节点能够无缝集成到复杂的着色器网络中，而无需额外的数据重组步骤。
端口交互示例
理解端口之间的数据流动对于构建有效的着色器图至关重要。以下是一个简单的端口使用示例：
假设我们将一个时间节点连接到Tangent节点的输入端口，时间值会随着游戏进程不断增加。Tangent节点会计算每个时刻对应的正切值，并通过输出端口传递给后续节点，如颜色节点或透明度节点。这样就能创建一个基于正切函数的周期性动画效果。
当处理多维数据时，端口的逐分量计算特性尤为有用。例如，如果我们将纹理坐标连接到Tangent节点的输入端口，节点会对每个坐标分量（U和V）独立计算正切值，产生一个基于正切函数的坐标变形效果。这种变形可以用于创建各种有趣的视觉图案，如波浪形扭曲、同心圆波纹等。
生成的代码示例
在Shader Graph底层，Tangent节点会被编译为相应的HLSL代码。理解生成的代码有助于深入理解节点的行为，并在需要时进行自定义修改或优化。
以下示例代码表示此节点的一种可能结果：
scss
void Unity_Tangent_float4(float4 In, out float4 Out)
{
Out = tan(In);
}这段代码展示了一个处理float4类型数据的Tangent节点实现。让我们详细分析这段代码的各个部分：
- 函数定义 ：
Unity_Tangent_float4是函数的名称，遵循Unity Shader Graph的命名约定。后缀_float4表示这个函数专门处理四维向量数据 - 参数列表 ：函数接受两个参数 - 输入参数
In（float4类型）和输出参数Out（也是float4类型）。在HLSL中，通过输出参数返回结果是常见的模式 - 函数体 ：函数体内只有一条语句
Out = tan(In);，调用HLSL内置的tan函数计算输入值的正切值，并将结果赋给输出参数 - 逐分量计算 ：虽然代码中没有显式循环，但当输入为向量时，HLSL的
tan函数会自动对每个分量执行计算，这是一种语法糖，简化了向量运算
对于不同维度的输入数据，Shader Graph会生成相应版本的函数：
scss
// 处理float类型输入
void Unity_Tangent_float(float In, out float Out)
{
Out = tan(In);
}
// 处理float2类型输入
void Unity_Tangent_float2(float2 In, out float2 Out)
{
Out = tan(In);
}
// 处理float3类型输入
void Unity_Tangent_float3(float3 In, out float3 Out)
{
Out = tan(In);
}这种多态性设计使得Tangent节点能够灵活处理各种维度的数据，而无需用户手动调整。在生成的着色器代码中，这些函数会被适当调用，具体取决于Shader Graph中节点的连接情况。
理解生成的代码还有助于识别潜在的性能问题。例如，正切函数的计算相对昂贵，特别是在片段着色器中频繁调用时。如果性能成为瓶颈，可以考虑以下优化策略：
- 将计算移至顶点着色器，并通过插值传递结果
- 使用近似公式或查找表替代精确计算
- 限制正切计算的频率，例如每帧预计算一次并复用结果
此外，了解生成的代码还有助于调试复杂的着色器问题。当视觉效果不符合预期时，检查生成的代码可以帮助确定是数学计算问题、数据流问题还是其他类型的错误。
【Unity Shader Graph 使用与特效实现】专栏-直达 （欢迎点赞留言探讨，更多人加入进来能更加完善这个探索的过程，🙏）