Cosine节点是Unity URP Shader Graph中一个基础且重要的数学函数节点，它计算输入值的余弦值并返回结果。在计算机图形学和着色器编程中，余弦函数广泛应用于各种视觉效果的计算，包括波形动画、光照计算、纹理坐标变换等场景。
余弦函数是三角函数家族中的核心成员，定义为直角三角形中邻边与斜边的比值，在单位圆中表示x坐标值。在Shader Graph中，Cosine节点接受任意矢量类型的输入（float、float2、float3、float4），并对每个分量独立计算余弦值，保持输入矢量的维度结构。
该节点的数学表达式为：对于输入值θ，输出结果为cos(θ)。需要注意的是，Shader Graph中的三角函数操作默认使用弧度制而非角度制，这与大多数编程语言中的数学库保持一致。弧度制以2π表示一个完整的圆周，而角度制以360度表示完整圆周。
Cosine节点在视觉效果创作中具有多种应用场景。在创建周期性动画效果时，如脉动光效、波浪运动或呼吸效果，余弦函数能够提供平滑的周期性变化。在光照计算中，余弦值常用于计算表面法线与光照方向之间的夹角，这是Lambert光照模型的基础。此外，在纹理坐标变换中，余弦函数可用于创建扭曲、波纹或其他复杂的UV动画效果。
数学原理
余弦函数基础
余弦函数是周期函数，其定义域为所有实数，值域为[-1, 1]。在单位圆上，余弦值表示的是圆上某点的x坐标。余弦函数的基本性质包括：
- 周期性：cos(θ + 2πk) = cos(θ)，其中k为任意整数
- 对称性：cos(-θ) = cos(θ)，即余弦函数是偶函数
- 特定点值：cos(0) = 1，cos(π/2) = 0，cos(π) = -1，cos(3π/2) = 0
在Shader Graph中，Cosine节点实现了标准的余弦函数计算，其内部实现基于高效的近似算法，确保在着色器执行过程中能够快速计算余弦值，同时保持足够的精度以满足图形渲染的需求。
弧度与角度
理解弧度与角度的区别对于正确使用Cosine节点至关重要。弧度是国际单位制中的角度单位，定义为弧长等于半径时所对应的圆心角。一个完整圆周的弧度为2π，而角度则为360度。两者之间的转换关系为：
- 弧度 = 角度 × π / 180
- 角度 = 弧度 × 180 / π
在Shader Graph中，所有三角函数默认使用弧度制。如果您的输入值是角度，需要先将其转换为弧度，然后再传递给Cosine节点。可以使用Multiply节点将角度值乘以π/180来实现这一转换。
输入输出关系
Cosine节点的输入输出关系遵循标准的余弦函数特性。当输入值从0增加到2π时，输出值会在1、0、-1、0、1之间平滑变化。这种周期性变化使得余弦函数非常适合创建循环动画效果。
输入值与输出值的对应关系示例：
- 输入0 → 输出1
- 输入π/2 ≈ 1.57 → 输出0
- 输入π ≈ 3.14 → 输出-1
- 输入3π/2 ≈ 4.71 → 输出0
- 输入2π ≈ 6.28 → 输出1
理解这种输入输出关系有助于预测Cosine节点的行为，并在着色器设计中合理应用。
端口详解
输入端口
Cosine节点只有一个输入端口，标记为"In"。这个端口接受动态矢量类型的输入，意味着它可以连接标量值（float）或矢量值（float2、float3、float4）。当输入为矢量时，Cosine节点会对每个分量独立计算余弦值，并保持原有的矢量结构。
输入端口的设计考虑到了Shader Graph的灵活性和易用性。您可以连接各种类型的值到输入端口，包括：
- 常数节点提供的固定值
- 时间节点提供的随时间变化的值
- 纹理坐标节点提供的UV坐标
- 数学运算节点的计算结果
- 自定义脚本或图形输入的值
输入值的范围没有严格限制，但由于余弦函数的周期性，非常大的输入值可能会导致精度问题。在实际应用中，通常会将输入值限制在合理的范围内，或者利用余弦函数的周期性对输入值进行取模运算。
输出端口
Cosine节点的输出端口标记为"Out"，它输出输入值的余弦计算结果。输出值的类型与输入值的类型保持一致。如果输入是float，输出也是float；如果输入是float4，输出也是float4，其中每个分量都是对应输入分量的余弦值。
输出值的范围始终在[-1, 1]之间，这是余弦函数的值域特性决定的。这一特性使得Cosine节点的输出非常适合用作权重系数、混合因子或归一化参数。
输出端口可以连接到各种其他节点，包括：
- 数学运算节点，用于进一步的计算
- 颜色节点，用于控制颜色或透明度
- 材质属性，用于动态修改表面特性
- 混合节点，用于结合多个效果
- 光照模型节点，用于自定义光照计算
实际应用示例
基础波形动画
Cosine节点最常见的应用之一是创建波形动画效果。通过将时间变量与Cosine节点结合，可以创建平滑的周期性变化，适用于各种动态视觉效果。
创建一个简单的脉动球体效果：
- 首先，使用Time节点获取着色器执行时间
- 将Time节点连接到Multiply节点，乘以一个控制频率的系数（如2π）
- 将Multiply节点的结果连接到Cosine节点的输入
- Cosine节点的输出范围是[-1, 1]，可以使用Remap节点将其映射到更合适的范围，如[0.5, 1]
- 最后，将Remap节点的输出连接到球体材质的缩放或颜色强度参数
这种基础波形动画可以扩展应用于多种场景，如呼吸灯光效、脉动能量场、周期性变化的透明度等。通过调整频率系数，可以控制动画速度；通过调整映射范围，可以控制变化幅度。
高级水面波纹
Cosine节点在水面波纹效果中发挥着核心作用。通过结合多个Cosine函数，可以创建复杂而自然的水面波动效果。
创建多层次水面波纹：
- 使用Texture Coordinate节点获取表面UV坐标
- 使用Time节点获取当前时间
- 创建两个独立的波纹系统，使用不同的频率和方向
- 系统1：将UV坐标的X分量与时间结合，通过Cosine节点计算波纹高度
- 系统2：将UV坐标的Y分量与时间结合，通过Cosine节点计算波纹高度
- 使用Add节点将两个波纹系统叠加
- 将叠加结果连接到法线贴图或高度图输入，创建立体波纹效果
为了增加真实感，可以引入更多细节：
- 使用不同频率的多个Cosine函数叠加，模拟不同尺度的波纹
- 添加基于距离的衰减，使波纹在传播过程中逐渐减弱
- 引入随机性，打破过于规则的模式
- 结合Sine节点，创建更复杂的波形组合
动态光照效果
Cosine节点在动态光照效果中也有广泛应用，特别是在创建周期性变化的光照强度或颜色方面。
创建脉动光源效果：
- 使用Time节点获取着色器执行时间
- 将时间值连接到Cosine节点输入
- 将Cosine输出从[-1, 1]重新映射到[0.3, 1]范围，作为光照强度系数
- 将光照强度系数与基础光照颜色相乘
- 将结果连接到自发光或光照输出
这种技术可以应用于：
- 场景中的脉动灯光源
- 角色或物体的呼吸光效
- 能量核心的周期性脉冲
- 魔法效果的强度变化
通过组合多个Cosine函数，可以创建更复杂的光照模式，如交替闪烁、渐变脉冲或随机光斑。
高级材质效果
Cosine节点可以用于创建各种高级材质效果，通过动态修改材质属性实现视觉上的变化。
创建金属反射动画：
- 使用Time节点和Cosine节点生成周期性信号
- 将信号应用于反射强度或反射模糊度
- 结合噪声纹理打破规律性，增加自然感
- 使用不同的频率控制不同层次的反射变化
创建动态溶解效果：
- 使用Cosine节点控制溶解阈值的变化
- 结合噪声纹理创建不均匀的溶解边缘
- 使用Cosine输出控制溶解边缘的光晕强度
- 通过调整频率和幅度控制溶解速度
这些高级材质效果可以极大地增强场景的视觉吸引力，为游戏或交互体验增添动态元素。
与其他节点的结合使用
与Time节点结合
Time节点是Cosine节点最常用的搭档之一。Time节点提供着色器执行时间，与Cosine节点结合可以创建基于时间的周期性动画。
基本时间动画设置：
- 将Time节点连接到Multiply节点，控制动画速度
- 将Multiply节点连接到Cosine节点
- Cosine节点的输出提供基于时间的周期性信号
通过调整Multiply节点的系数，可以控制动画频率。系数越大，动画变化越快；系数越小，动画变化越慢。
与Sine节点结合
Sine节点与Cosine节点在功能上非常相似，但相位相差π/2。结合使用Sine和Cosine节点可以创建圆形或螺旋形运动效果。
创建圆周运动：
- 使用Time节点作为输入
- 将Time连接到Sine节点，得到Y坐标
- 将Time连接到Cosine节点，得到X坐标
- 将Sine和Cosine输出组合为二维坐标
- 使用该坐标控制纹理偏移或对象位置
这种技术适用于：
- 创建旋转的UI元素
- 实现粒子系统的圆周运动
- 制作环绕相机的效果
- 创建螺旋形动画序列
与数学运算节点结合
Cosine节点经常与各种数学运算节点结合使用，以修改其行为或适应特定需求。
常用数学运算组合：
- Multiply节点：调整输入频率或输出幅度
- Add节点：调整输入相位或输出偏移
- Divide节点：降低输入频率或输出范围
- Power节点：修改波形形状，创建更尖锐或更平缓的变化
- Abs节点：将余弦波的负半周翻转为正，创建全波整流效果
这些数学运算节点可以极大地扩展Cosine节点的应用范围，使其适应各种复杂的需求。
与条件节点结合
条件节点可以根据特定条件选择不同的输入值。与Cosine节点结合，可以创建基于波形状态的切换效果。
创建阈值触发效果：
- 使用Cosine节点生成周期性信号
- 使用Condition节点设置阈值
- 当Cosine输出高于阈值时，输出一个值
- 当Cosine输出低于阈值时，输出另一个值
这种技术适用于：
- 创建闪烁的警示灯
- 实现基于时间的状态切换
- 制作节奏游戏中的定时触发器
- 创建交替显示的效果
性能优化与最佳实践
计算效率考虑
虽然Cosine节点在现代GPU上计算效率很高，但在性能敏感的场景中仍需注意优化。
优化建议：
- 避免在片段着色器中计算复杂的Cosine函数链，特别是在移动平台上
- 考虑在顶点着色器中计算Cosine值，然后通过插值传递给片段着色器
- 对于静态或变化缓慢的效果，可以预计算Cosine值并存储在纹理中
- 使用近似方法替代精确的Cosine计算，当视觉质量要求不高时
精度管理
Cosine函数的计算精度对于最终视觉效果有重要影响。在大多数情况下，Shader Graph提供的默认精度已经足够，但在特定情况下可能需要特别注意。
精度管理技巧：
- 对于需要高精度的应用，确保输入值在合理的范围内
- 避免非常大的输入值，因为这会增加计算误差
- 对于周期性效果，考虑对输入值取模，保持在[0, 2π]范围内
- 在关键视觉效果中，测试不同精度设置下的表现
模块化设计
将基于Cosine节点的效果设计为模块化组件，可以提高Shader Graph的可维护性和复用性。
模块化设计方法：
- 将常用的Cosine功能封装为子图
- 使用明确的命名规范，便于理解节点功能
- 添加适当的注释，说明参数含义和使用方法
- 提供合理的默认值，简化使用流程
- 创建可视化示例，展示效果变化范围
调试技巧
调试基于Cosine节点的着色器效果时，可以采用多种技巧来理解和优化其行为。
有效调试方法：
- 使用自定义调试输出，可视化Cosine节点的中间结果
- 逐步构建复杂效果，每步验证结果是否符合预期
- 使用不同的颜色映射不同的数值范围，便于观察变化
- 创建参数调节界面，实时调整并观察效果变化
- 记录典型用例和参数设置，建立知识库
常见问题与解决方案
输入值范围问题
问题描述：Cosine节点产生意外的结果，可能是因为输入值超出了预期范围。
解决方案：
- 使用Fraction节点对输入值取小数部分，消除大数值的影响
- 使用Modulo节点将输入值限制在[0, 2π]范围内
- 添加Clamp节点，明确限制输入范围
- 使用Remap节点调整输入值到合适的范围
动画速度控制
问题描述：基于时间的Cosine动画速度不符合预期。
解决方案：
- 在Time节点后添加Multiply节点，控制动画频率
- 使用不同的时间尺度（如秒、分钟）适应不同需求
- 考虑使用自定义时间轴，提供更精确的控制
- 添加速度参数，允许运行时调整动画速度
波形形状调整
问题描述：标准的余弦波形不符合设计需求。
解决方案：
- 组合多个频率的Cosine函数，创建复杂波形
- 使用Power节点修改波形形状
- 结合其他函数（如Square、Triangle）创建混合波形
- 使用Animation Curve节点自定义波形形状
性能问题
问题描述：使用多个Cosine节点导致性能下降。
解决方案：
- 合并计算，减少Cosine节点的使用数量
- 在顶点着色器而非片段着色器中执行计算
- 使用纹理查找替代实时计算
- 降低计算频率，每几帧计算一次
【Unity Shader Graph 使用与特效实现】专栏-直达 （欢迎点赞留言探讨，更多人加入进来能更加完善这个探索的过程，🙏）