在Unity URP Shader Graph中，Tiling And Offset节点是一个基础但功能强大的工具节点，它专门用于处理纹理坐标的变换操作。这个节点通过简单的数学运算实现了对UV坐标的缩放和平移，为材质创作提供了灵活的纹理控制能力。无论是创建重复的图案效果，还是实现纹理的动态滚动，Tiling And Offset节点都是不可或缺的核心组件。
节点功能概述
Tiling And Offset节点的核心功能是对输入的UV坐标进行线性变换。它接收三个主要输入参数：原始UV坐标、平铺系数和偏移量，然后通过一个简单的数学公式计算出变换后的UV坐标。这个变换过程可以类比于在2D平面中对坐标系进行缩放和平移操作，其中平铺系数控制缩放比例，偏移量控制平移距离。
在Shader Graph的节点网络中，Tiling And Offset节点通常位于纹理采样节点之前，作为纹理坐标的预处理步骤。它的输出结果直接决定了纹理在模型表面上的映射方式，从而影响最终的视觉效果。
该节点的数学表达式为：Out = UV × Tiling + Offset。这个简洁的公式背后蕴含着丰富的应用可能性。当Tiling值为(1,1)时，纹理保持原始大小；当Tiling值大于1时，纹理会缩小并重复；当Tiling值小于1时，纹理会放大。Offset参数则允许用户在U和V方向上移动纹理的位置。
参数详解
UV输入端口
UV输入端口接收Vector 2类型的二维向量，代表原始的纹理坐标。在大多数情况下，这个端口会连接到Shader Graph的UV节点，使用模型自带的UV坐标。但UV输入端口的灵活性远不止于此，它可以接收任何Vector 2类型的数据源。
在实际应用中，UV输入端可以连接到其他节点处理过的UV坐标，实现复杂的坐标变换链。例如，可以将旋转节点或扭曲节点的输出连接到Tiling And Offset节点的UV输入，实现组合变换效果。这种连接方式为创建复杂的材质效果提供了可能。
UV坐标的取值范围通常是[0,1]，但也可以超出这个范围。当UV坐标超出[0,1]范围时，纹理会根据Wrap Mode设置进行重复或截断。理解UV坐标的这一特性对于掌握Tiling And Offset节点的完整功能至关重要。
Tiling参数
Tiling参数控制纹理的平铺次数，它是一个Vector 2类型的值，分别对应U方向和V方向的平铺系数。Tiling参数的默认值为(1,1)，表示纹理在U和V方向上都保持原始大小，不平铺。
当Tiling值设置为(2,2)时，纹理会在U和V方向上都缩小为原来的一半，并在两个方向上各重复两次。这意味着原本覆盖整个模型的单个纹理实例现在会变成2×2的纹理阵列，每个纹理实例只覆盖模型的四分之一区域。
Tiling参数的应用场景非常广泛：
- 创建砖墙、地板等重复图案的表面材质
- 实现细节纹理，通过高频平铺增加表面细节
- 控制法线贴图的强度，通过调整平铺次数改变法线效果的密度
- 创建无缝拼接的背景图案
Tiling参数的取值可以是整数也可以是小数。当使用小数时，纹理会被部分显示，这在某些特殊效果中非常有用。需要注意的是，过高的Tiling值可能会导致纹理采样出现摩尔纹或锯齿问题，这时需要考虑使用Mipmap或各向异性过滤等技术来改善视觉效果。
Offset参数
Offset参数控制纹理的偏移量，它也是一个Vector 2类型的值，分别对应U方向和V方向的偏移距离。Offset参数的默认值为(0,0)，表示纹理不发生偏移。
Offset参数的工作原理是在纹理坐标上添加一个常量偏移量。例如，当Offset设置为(0.5,0)时，纹理会沿U方向移动半个纹理宽度的距离。这种移动是循环的，当纹理移出边界时，会从另一侧重新进入，形成无缝的滚动效果。
Offset参数的典型应用包括：
- 创建动态滚动的背景纹理
- 实现纹理的随机分布，避免重复图案的明显重复感
- 配合时间节点创建动画效果
- 根据对象位置调整纹理对齐
Offset参数的取值范围没有严格限制，但通常保持在[0,1]范围内最为直观。当Offset值超过1时，效果等同于取小数部分，因为纹理坐标是周期性的。
实际应用案例
基础平铺效果
最基本的应用是创建重复的纹理图案。假设我们有一个砖墙纹理，但纹理图片只包含几块砖的图案。通过将Tiling参数设置为(5,3)，可以在不增加纹理分辨率的情况下，让砖墙图案在水平方向重复5次，垂直方向重复3次，形成完整的墙面效果。
这种方法的优势在于显著减少了纹理内存占用，同时保持了视觉上的连续性。对于游戏开发来说，这种优化尤为重要，因为它可以在不牺牲视觉效果的前提下提升性能。
实现基础平铺效果的步骤非常简单：
- 将UV节点连接到Tiling And Offset节点的UV输入
- 设置Tiling参数为所需的平铺次数，如(5,3)
- 保持Offset参数为默认值(0,0)
- 将节点的输出连接到纹理采样节点的UV输入
动态纹理滚动
Tiling And Offset节点与Time节点结合可以创建动态滚动的纹理效果。这种技术常用于模拟流动的水面、移动的云层或滚动的背景。
实现原理是利用Time节点提供的时间值作为Offset参数的输入。随着时间推移，Offset值线性增加，纹理就会产生匀速移动的效果。通过控制Offset参数的变化速度，可以调整纹理滚动的快慢。
创建动态纹理滚动的典型设置：
- 将Time节点的Time输出乘以一个速度系数
- 将计算结果连接到Offset参数的X或Y分量
- 根据需要的滚动方向选择偏移的轴向
- 可以同时在两个方向上设置偏移，创建对角线方向的滚动效果
这种技术的变体包括使用正弦函数创建来回摆动的纹理运动，或使用噪声函数创建更自然的随机运动。
细节纹理叠加
在高级材质制作中，经常使用多层纹理叠加来增加表面细节。Tiling And Offset节点在这种工作流中扮演重要角色，用于控制细节纹理的密度和位置。
典型的多层纹理工作流包括：
- 基础颜色层：使用较低的平铺次数，提供材质的基本颜色和大型特征
- 细节层：使用较高的平铺次数，添加表面微观结构
- 使用混合模式将各层合成为最终结果
在这种应用中，Tiling And Offset节点通常用于细节层，通过高频率平铺（如10×10或更高）来增加表面复杂度，而不会影响基础层的整体外观。
材质变体创建
通过将Tiling和Offset参数暴露为材质属性，可以在不创建新着色器的情况下生成多种材质变体。这在需要大量相似但略有不同的材质时特别有用，比如不同破损程度的墙面或不同生长阶段的植物。
实现方法是将Tiling And Offset节点的Tiling和Offset输入端口连接到材质属性节点，然后在材质检视器中调整这些属性值。这种技术大大提高了材质的重用性，减少了美术工作量。
高级技巧与优化
性能考量
虽然Tiling And Offset节点本身的性能开销很小，但不当使用可能导致其他性能问题。高频率的平铺会增加纹理采样的负担，特别是在移动设备上需要注意。
优化建议包括：
- 避免不必要的极高平铺值
- 对于远距离对象，使用较低的平铺次数
- 考虑使用细节纹理代替高频平铺
- 利用LOD系统根据距离调整平铺参数
与其他节点的组合
Tiling And Offset节点可以与其他节点组合使用，实现更复杂的效果：
- 与Rotate节点组合：先旋转UV坐标，再进行平铺和偏移
- 与Triplanar节点组合：在三面投影中使用不同的平铺设置
- 与Parallax Mapping节点组合：在视差效果中控制深度纹理的平铺
- 与Blend节点组合：混合多个不同平铺设置的纹理
这些组合技术极大地扩展了Tiling And Offset节点的应用范围，使其成为Shader Graph中最为多用的节点之一。
常见问题解决
在使用Tiling And Offset节点时，可能会遇到一些常见问题：
纹理接缝问题：当平铺值不是整数时，可能会在纹理边界处出现接缝。解决方案包括使用无缝纹理或确保平铺值为整数。
性能下降：过高的平铺值可能导致性能问题。需要通过性能分析工具监控帧率，并适当优化。
视觉失真：在非平面表面上使用高平铺值可能导致纹理扭曲。可以考虑使用Triplanar映射等更高级的技术。
生成代码分析
Tiling And Offset节点在HLSL中的实现非常简单直接，以下是对生成代码的详细分析：
HLSL
void Unity_TilingAndOffset_float(float2 UV, float2 Tiling, float2 Offset, out float2 Out)
{
Out = UV * Tiling + Offset;
}
这个函数接收四个参数：输入的UV坐标、平铺系数、偏移量和输出变量。函数体内只有一行代码，执行UV坐标的线性变换。
从代码中可以看出几个重要特点：
- 计算效率高，只涉及一次乘法和一次加法运算
- 没有分支语句，适合GPU并行处理
- 结果确定，不会因运行环境不同而产生差异
理解这段生成的代码有助于更深入地掌握节点的行为，特别是在调试复杂着色器时。当遇到与纹理坐标相关的问题时，可以追溯到这段基础代码，分析可能的计算错误或数值问题。
【Unity Shader Graph 使用与特效实现】专栏-直达 （欢迎点赞留言探讨，更多人加入进来能更加完善这个探索的过程，🙏）
