无切线顶点属性的GLTF模型如何实现法线贴图？

一、是否需要在加载时近似计算切线？ #

是，这是处理无切线模型的标准方案，但你当前的近似方法存在缺陷。你通过与坐标轴叉乘选择最长向量的方式，在法线与坐标轴平行时会出现零向量问题（比如立方体的面法线和坐标轴一致，叉乘结果为零，后续选的切线方向完全混乱），这就是立方体加载异常的原因。

正确的切线计算必须基于纹理坐标的变化——切线本质是纹理U轴在模型空间的方向，副切线对应纹理V轴方向。标准流程是遍历每个三角面，利用顶点的位置、法线、纹理坐标计算面切线，再对共享顶点的切线做加权平均：

// 遍历模型的每个三角面，处理三个顶点v0、v1、v2
glm::vec3 deltaPos1 = v1.position - v0.position;
glm::vec3 deltaPos2 = v2.position - v0.position;
glm::vec2 deltaUV1 = v1.uv - v0.uv;
glm::vec2 deltaUV2 = v2.uv - v0.uv;

float r = 1.0f / (deltaUV1.x * deltaUV2.y - deltaUV1.y * deltaUV2.x);
glm::vec3 faceTangent = (deltaPos1 * deltaUV2.y - deltaPos2 * deltaUV1.y) * r;
glm::vec3 faceBitangent = (deltaPos2 * deltaUV1.x - deltaPos1 * deltaUV2.x) * r;

// 将面切线/副切线累加给三个顶点，最后对每个顶点的切线归一化并与法线正交化

这种方法能保证切线与纹理方向对齐，不会出现简单模型的异常问题。

二、无需TBN矩阵的法线贴图实现方式 #

有两种替代方案，但都有明显局限性：

• 世界空间法线贴图：贴图中直接存储世界空间的法线方向，渲染时无需转换。但模型不能做缩放、旋转等变换，否则法线会完全失效，仅适用于静态固定位置的模型。
• 对象空间法线贴图：法线存储在模型局部空间，渲染时用模型矩阵转换到世界空间。若模型有非均匀缩放，需用逆转置矩阵处理；且制作贴图时需基于模型局部空间，灵活性远不如切线空间法线贴图。

这两种方式都不用计算切线，但通用性差，切线空间法线贴图仍是主流选择——它不受模型变换影响，贴图还能跨模型复用。

三、当前代码的修正建议 #

1. 替换切线计算逻辑 #

放弃坐标轴叉乘的近似方法，改用基于纹理坐标的面切线计算+顶点加权平均方案，这是无切线模型最可靠的切线生成方式。

2. 着色器TBN矩阵优化 #

你的顶点着色器中，副切线计算缺少方向符号判断，部分模型可能出现法线贴图翻转问题。正确做法是在计算切线时，同时计算副切线的方向符号（通过面的UV变换行列式判断），并将该符号作为顶点属性传入着色器：

修正后的顶点着色器示例：

vec3 T = normalize(vec3(pushConstant.modelMatrix * vec4(in_tangent, 0.0)));
vec3 N = normalize(vec3(pushConstant.modelMatrix * vec4(in_normal, 0.0)));

// 重新正交化切线，消除模型变换带来的误差
T = normalize(T - dot(T, N) * N);
// 使用传入的副切线符号修正方向
vec3 B = normalize(cross(N, T) * in_tangentSign);

out_fragmentTBN = mat3(T, B, N);

内容的提问来源于stack exchange，提问作者Keegan