tangentWorld
tangentWorld
提供模型表面在世界空间(World Space)下的切线方向,用于与全局光照和场景特效进行交互。
核心优势
将切线统一到世界坐标系,使其能直接与世界空间中的元素(如定向光、环境贴图)进行运算,简化了高级渲染的实现。
常见用途
各向异性材质与定向光交互
各向异性环境反射
基于世界方向的程序化特效(如积雪)
如何调整
该节点的值由物体的世界变换(旋转、位置)决定。通过在动画循环中旋转物体来改变其效果,或在渲染前通过 JavaScript 修改几何体的 `tangent` 属性。
代码示例
1// 直接获取世界空间下的切线向量 (vec3),它已被归一化
2const worldTangent = tangentWorld;
3
4// 将向量从 [-1, 1] 范围转换到可供显示的 [0, 1] 颜色范围
5const color = worldTangent.mul( 0.5 ).add( 0.5 );
6
7// 将转换后的颜色作为最终输出
8return color;