tangentGeometry

在 TSL 着色器中提供对几何体顶点切线数据的访问，这是实现法线贴图和各向异性光照等高级渲染技术的关键。

核心优势

节点会自动检查并计算缺失的切线数据（调用 `computeTangents()`），简化了开发流程并增强了着色器的健壮性，避免了因忘记准备切线数据而导致的渲染错误。

法线贴图

各向异性光照

流动贴图

tangentGeometry 的值由几何体的 'tangent' 属性决定，无法在着色器中直接调节。要改变其效果，需在渲染前修改源几何体数据，例如在 3D 软件中编辑切线或在 JavaScript 中以编程方式设置 'tangent' 属性。

1// 获取切线方向 (vec3)
2const tangentVec = tangentGeometry.xyz;
3
4// 将其可视化为颜色
5const vizColor = tangentVec.mul( 0.5 ).add( 0.5 );

在 TSL 着色器中提供对几何体顶点切线数据的访问，这是实现法线贴图和各向异性光照等高级渲染技术的关键。

法线贴图

各向异性光照

流动贴图

1// 获取切线方向 (vec3)
2const tangentVec = tangentGeometry.xyz;
3
4// 将其可视化为颜色
5const vizColor = tangentVec.mul( 0.5 ).add( 0.5 );