tangentView
tangentView
提供模型表面在视图空间(摄像机空间)下的切线方向,主要用于与视角相关的光照计算。
核心优势
封装了复杂的矩阵变换,让开发者能直接在视图空间中进行各向异性光照等高级计算,极大地简化了着色器逻辑。
常见用途
各向异性光照(如拉丝金属、头发)
视差遮蔽贴图
风格化渲染(如天鹅绒效果)
如何调整
该节点的值由摄像机和物体的位置姿态决定。通过在动画循环中移动摄像机或旋转物体来改变其效果,或在渲染前通过 JavaScript 修改几何体的 `tangent` 属性。
代码示例
1// 直接获取视图空间下的切线向量 (vec3),它已经是归一化的
2const viewTangent = tangentView;
3
4// 将向量从 [-1, 1] 范围转换到可供显示的 [0, 1] 颜色范围
5const color = viewTangent.mul( 0.5 ).add( 0.5 );
6
7// 将转换后的颜色作为最终输出
8return color;