tangentLocal

提供模型局部空间（Local Space）下的三维切线向量（vec3），通常用于法线贴图和各向异性光照计算。

核心优势

通过提供一个语义明确的节点来访问局部切线，简化了着色器代码并提高了可读性，避免了手动提取 `tangentGeometry.xyz`。

构建 TBN 矩阵进行法线贴图计算

沿模型表面方向进行顶点位移

为各向异性光照（如拉丝金属）提供方向

该节点的值由几何体的 `tangent` 属性决定。通过在 JavaScript 中调用 `geometry.computeTangents()` 或手动设置 `geometry.attributes.tangent` 来进行调整。

1// 直接获取局部空间下的切线向量 (vec3)
2const localTangent = tangentLocal;
3
4// 将其转换为颜色进行可视化
5const color = localTangent.mul( 0.5 ).add( 0.5 );
6
7return color;

提供模型局部空间（Local Space）下的三维切线向量（vec3），通常用于法线贴图和各向异性光照计算。

通过提供一个语义明确的节点来访问局部切线，简化了着色器代码并提高了可读性，避免了手动提取 `tangentGeometry.xyz`。

构建 TBN 矩阵进行法线贴图计算

沿模型表面方向进行顶点位移

为各向异性光照（如拉丝金属）提供方向

该节点的值由几何体的 `tangent` 属性决定。通过在 JavaScript 中调用 `geometry.computeTangents()` 或手动设置 `geometry.attributes.tangent` 来进行调整。

1// 直接获取局部空间下的切线向量 (vec3)
2const localTangent = tangentLocal;
3
4// 将其转换为颜色进行可视化
5const color = localTangent.mul( 0.5 ).add( 0.5 );
6
7return color;