C++ 如何在网格表面计算顶点的切线空间(Tangent and Bitangent)

轻雪小哥_9621

轻雪小哥_9621

2026-10-21

158人浏览

原创

直接用顶点法线和世界坐标轴计算切线会出错,因为切线空间必须与uv梯度对齐,而非全局方向;正确方法是基于三角面内顶点位置与uv偏移解算切线t和副切线b,并按顶点累加归一化,同时通过叉积点积校正bitangent手性,最后以vec4(t, tangentw)输出供shader使用。

c++ 如何在网格表面计算顶点的切线空间(tangent and bitangent)

为什么直接用顶点法线和世界坐标轴算 tanget 会出错

切线空间不是由全局方向决定的,而是紧贴网格表面局部变化的方向。如果用 normalize(cross(worldUp, normal)) 这类方法硬凑,结果在 UV 拉伸、三角面倾斜或模型镜像翻转时完全失准——bitangent 方向尤其容易反向,导致法线贴图闪烁或光照翻转。

真正可靠的切线必须与顶点的 UV 坐标梯度对齐:UV 变化越快的方向,对应切线方向越强。这意味着必须用相邻顶点的几何偏移(deltaPos)和 UV 偏移(deltaUV)联合求解。

实操建议:

  • 每个三角形面内,取三个顶点 v0, v1, v2 及其对应的 uv0, uv1, uv2
  • 计算边向量:edge1 = v1 - v0, edge2 = v2 - v0;UV 差:deltaUV1 = uv1 - uv0, deltaUV2 = uv2 - uv0
  • 用二元一次方程组解出切线 T 和副切线 B(即 bitangent):
    f = 1.0f / (deltaUV1.x * deltaUV2.y - deltaUV2.x * deltaUV1.y)
    T = f * (deltaUV2.y * edge1 - deltaUV1.y * edge2)
    B = f * (-deltaUV2.x * edge1 + deltaUV1.x * edge2)
  • 对每个顶点,把所属所有三角面算出的 T 和 B 累加后归一化(注意:要按面面积加权更稳,但多数场景简单平均已够用)

如何处理 UV 反向和奇异面导致的 bitangent 符号错误

当某三角面的 UV 映射发生镜像(比如 Maya 中手动翻转 UV 岛),行列式 deltaUV1.x * deltaUV2.y - deltaUV2.x * deltaUV1.y 为负,此时解出的 T 和 B 仍数学正确,但最终 handedness(手性)可能与法线贴图期望不一致——典型表现是部分区域法线贴图左右颠倒。

标准做法是在生成切线后,统一检查并修正手性:

C++14
C++14

C++14 对 C++11 的修正与增强版本,适合旧系统维护和较老工具链兼容。

下载
  • 对每个顶点,先归一化 T 和 N(法线),再算 B = normalize(cross(N, T))
  • 计算原始解出的 B 与这个叉积结果的点积:dot(original_B, cross(N, T))
  • 若点积为负,说明需要翻转 B:B = -B,并记录该顶点的 tangent.w = -1.0f(D3D/GL 通用约定,用于 shader 中动态重建正确 bitangent)
  • 最终顶点输出的 tangent 向量应为 vec4(T.x, T.y, T.z, tangentW),其中 tangentW 是 ±1

C++ 实现中容易漏掉的内存与索引陷阱

网格数据常以索引缓冲(std::vector<uint32_t></uint32_t>)+ 顶点缓冲(std::vector<vertex></vertex>)方式组织,但切线计算必须基于「面拓扑」而非「顶点索引流」——即不能直接对 indices[i], indices[i+1], indices[i+2] 拿顶点算,因为共享顶点的 UV 或法线可能不同(如接缝处)。你实际需要的是「面角顶点」粒度的数据。

推荐结构:

  • 先展开所有三角形角:遍历每个 face,把 (v0, v1, v2) 和对应 (uv0, uv1, uv2) 存入临时数组(长度 = indices.size())
  • 为每个角单独计算 T 和 B,再按顶点 ID 累加(用 std::vector<:vector>></:vector> 存各顶点的所有角切线)
  • 避免用 std::map 或哈希做顶点去重——实时计算中它比朴素 vector 查找还慢;预处理阶段可用 std::unordered_map,但记得 reserve 容量
  • 若顶点结构含 padding(如 float tangent[4] 对齐到 16 字节),确保 sizeof(Vertex) 正确,否则 GPU 读取会错位

OpenGL / Vulkan 下传入 shader 前的最后校验点

即使 C++ 端算得再准,shader 里用错也会白忙:GLSL 中 mat3 TBN 必须由 normalize(T), normalize(B), normalize(N) 组成列向量(不是行),且 TBN 应用于将法线贴图采样值从切线空间转到世界/视图空间。

关键确认项:

  • vertex shader 中是否做了 T = normalize(mat3(model) * T);?未变换的切线在 world space 下无法与 world-space normal 正交
  • 是否用了 flat 修饰符误传了切线?切线必须插值(smooth),否则三角面内突变
  • Vulkan 中 VkVertexInputAttributeDescription 的 format 是否设为 VK_FORMAT_R32G32B32A32_SFLOAT?tangent.w 若被截断为 VEC3,手性信息就丢了
  • 调试时可临时输出 T.x 到屏幕:纯红区域表示切线 X 分量全为正,若出现块状色斑,说明某处累加未归一或符号未统一

最常被跳过的环节是:没验证 UV 是否真的随几何连续——比如一个圆柱体用自动展开 UV,顶部一圈顶点 UV.y 接近 0 和 1,差值接近 1,会导致 deltaUV 计算溢出。这种 case 必须在预处理中检测并修复 UV 边界跳变。

C++免费学习笔记(深入):立即使用
在学习笔记中,你将探索 C++ 的入门与实战技巧!

相关专题

更多
c++和c语言的区别有哪些
c++和c语言的区别有哪些

c++和c语言的区别:1、面向对象编程(OOP)支持不同;2、新增特性不同;3、标准库不同;4、编译方式不同;5、命名空间不同等等。想了解更多c++的相关内容,可以阅读本专题下面的文章。

2024.03.14

2248

9

c++和python学习顺序推荐
c++和python学习顺序推荐

一般建议先学习C++,再学习Python,因为这样可以逐步从较为底层的编程语言向更高级的语言过渡。想了解更多python的相关内容,可以阅读本专题下面的文章。

2024.03.14

1019

6

python和c++学习性价比分析
python和c++学习性价比分析

Python易于学习,广泛应用于Web开发、数据科学和人工智能等领域,但性能较低。C语言性能高,适用于对性能要求较高的场景,如游戏开发和系统编程,但学习曲线陡峭,错误处理复杂。想了解更多python的相关内容,可以阅读本专题下面的文章。

2024.03.14

447

5

c语言和c++一样吗
c语言和c++一样吗

c语言和c++是两种不同的编程语言,虽然有相似之处,但存在显著差异。c语言专注于过程式编程和系统级开发,以简洁、高效著称。c++作为c语言的超集,引入了面向对象编程,增强了代码组织和管理能力,但学习曲线也更陡峭。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

327

5

c语言和c++先学哪个好
c语言和c++先学哪个好

初学者选择学习c语言还是c++语言,需要根据个人学习目标、背景以及编程兴趣和预期应用方向来决定。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

406

5

c语言和c++的区别和联系
c语言和c++的区别和联系

c语言和c++是计算机科学领域应用广泛的编程语言。虽然它们有着相似的基础,但它们在语言类型、语法功能和内存管理方面存在着显著差异。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.03.14

580

5

c++软件中文更改教程
c++软件中文更改教程

对于 ide,可通过打开设置,找到语言设置,选择中文,并保存更改。对于非 ide 应用程序,可查找设置或选项,选择语言设置,更改为中文,并保存更改。想了解更多c++的相关内容,可以阅读本专题下面的文章。

2024.03.21

1409

9

python和java和c++学习性价比分析
python和java和c++学习性价比分析

Python以其易学性、丰富的库和活跃的社区而著称,适合数据科学、人工智能和Web开发。Java以其跨平台性、企业级应用开发和Android应用开发而闻名。C++以其底层控制能力、高效性能和游戏开发而著称。选择哪种语言取决于个人兴趣、职业方向和特定需求。想了解更多python和java和c++的相关内容,可以阅读本专题下面的文章。

2024.03.22

1217

7

c++和c语言学习顺序推荐
c++和c语言学习顺序推荐

对于初学者,建议先学习C语言,掌握编程基础后再转入C++,便于理解面向对象编程概念。有编程经验者可直接学习C++,快速接触高级编程技术。想了解更多c++和c语言的相关内容,可以阅读本专题下面的文章。

2024.03.25

1325

9

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
C++ 手册教程
C++ 手册教程

共41课时 | 78.4万人学习

C++ Core Guidelines
C++ Core Guidelines

共0课时 | 0人学习

C++ Reference
C++ Reference

共0课时 | 0人学习