这篇文章探讨了法线贴图背后的几何原理，重点解析了切线空间的本质。作者最初学习法线贴图时只关注效果，后来在开发过程中意识到需要深入理解切线空间的几何意义。文章指出切线空间并非渲染技巧，而是连接平面纹理坐标与三维曲面的几何结构，当表面具有参数化时会自然出现。通过拆解切线空间的构成，作者揭示了其如何从UV坐标中产生，以及如何计算和应用。

文章标题：法线贴图背后的几何原理

主要内容概述：

本文深入探讨了切线空间（Tangent Space）的几何本质及其在法线贴图（Normal Mapping）中的应用。作者从初学时的困惑出发，逐步解析了切线空间如何作为连接二维纹理坐标（UV）与三维曲面几何的桥梁，并详细阐述了其数学构造过程。

核心内容提炼：

1. 切线空间的本质

   • 切线空间是曲面参数化的自然产物，而非渲染技巧。它是定义在曲面每个点上的局部坐标系，由切平面（Tangent Plane）和法向量（Normal Vector）构成。
   • 切平面是曲面的局部线性近似，切向量（Tangent/Bitangent）则描述纹理坐标（UV）在曲面上的运动方向。

2. UV坐标与切线空间的关系

   • UV映射不仅决定纹理贴图，还隐含了纹理空间到曲面空间的运动转换规则。U/V轴的变化对应曲面上实际的3D方向，这些方向定义了切线空间的朝向。
   • 通过三角形在3D空间和UV空间的对应关系，可以推导出切向量的计算公式（见下图）。

   

3. 切线空间的构造

   • 通过解算UV空间到曲面空间的线性变换矩阵（TBN矩阵），得到切向量和副切向量（Bitangent）。
   • 由于UV展开可能导致切向量非正交，需通过格拉姆-施密特正交化（Gram–Schmidt）修正，最终形成正交归一化的TBN矩阵： TBN = [Tangent, Bitangent, Normal]
   • 实际应用中，通常仅存储切向量和手性标志（Handedness Sign），副切向量在渲染时通过叉积动态计算。

4. 法线贴图的实现

   • 法线贴图通过RGB通道存储切线空间下的法线方向（蓝色为主，因多数法线指向曲面外侧）。
   • 在着色器中，TBN矩阵将纹理中的法线转换到曲面坐标系，使低模通过光照细节模拟高模效果（见下图对比）。

   

5. 技术细节与优化

   • 非均匀缩放可能导致切向量偏移，需重新正交化处理。
   • 行业标准MikkTSpace规范了切线空间的生成与插值流程，确保跨工具的一致性。

结语：

切线空间是曲面几何的固有属性，而非单纯的渲染技术。理解其原理后，法线贴图、各向异性光照等技术均能通过“纹理坐标→曲面空间”的映射实现。这一几何基础使得低多边形模型能够逼真呈现高模细节，印证了光照仅依赖方向而非深度的核心思想。

（注：本文保留了关键图示和公式链接，删减了部分编程代码和脚注细节，完整内容可参考原文。）

这篇评论主要围绕切线空间和纹理映射展开讨论，主要观点如下：

1. 关于切线空间计算的技术探讨

• zduoduo询问UV扭曲如何影响切线向量计算："Could you explain how UV distortion affects tangent vector calculation in more detail?"
• senderista从微分几何角度解释切线空间的两种定义，认为曲线定义更直观："I find the second definition more intuitive and easier to visualize"

2. 关于纹理映射技术的讨论

• gm678指出法线贴图在PBR工作流中仍广泛使用："Note that normal maps are still widely used in PBR workflows"
• deltapdelta_x调侃现代渲染技术："with mesh shaders and Nanite, we sort of can now"

3. 补充参考资料

• gm678提供了纹理类型的参考链接："Another great reference on this: [链接]"

总结呈现了技术讨论的多个维度，包括理论解释、实际应用和技术发展，保持了不同观点的平衡性。