切线空间与UV坐标

最新推荐文章于 2025-02-12 10:10:48 发布
最新推荐文章于 2025-02-12 10:10:48 发布
阅读量4.3k 收藏 14
点赞数 12
文章标签： 切线空间 uv坐标
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/UnityHUI/article/details/103334574
版权
本文探讨了切线空间中的切线和副切线向量如何与UV坐标相关联。切线向量对应于模型空间中U值的变化率，而副切线向量对应于V值的变化率。通过举例说明，解释了如何根据UV坐标变化计算出切线和副切线，以帮助理解这一三维图形学中的概念。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近在看法线贴图相关的内容，一直没怎么搞懂切线空间是个什么玩意，关于切线空间的Z轴我们都知道是模型顶点本身的法线方向，但是另外两个轴切线(Tangent)和副切线(Bitangent)向量却很难让人理解，网上最多的说法就是切线（Tangent）与UV坐标的U方向对齐，副切线（Bitangent）与UV坐标的V方向对齐。这就很抽象！！！，UV坐标变化本身就是一个二维空间的向量，而切线方向是一个三维空间的向量，这两者是如何对齐的呢 ，

  首先我们考虑一个三角形，要为这个三角形内的每一个像素都给定一个法线矢量 ，这个三角形是一个平面，有一个平面法矢量，我们可以修改这个矢量去定义每个像素的法矢量，例如每个像素上向某个轴偏移一个值，向另一个轴偏移一个值。这两个轴最好都垂直于该平面法线  但问题是， 那另外两个轴如何确定呢，这是一个常见的三维问题，给定一个轴，另外两个轴有无限种可能，就像下图一样 

针对上述情况，比较简单的一种方式就是利用纹理坐标来确定另外两个轴的方向  一个简单的思考方式 ：

我有一个向量，该向量指向（uv坐标的）U值在三角形上增加的方向，那么它在模型空间坐标系中的坐标将是多少 

另一个思考方式 

模型空间X，Y，Z轴坐标相对于UV坐标的变化率。也就是说 切线（Tangent）向量实际上是模型空间坐标相对于U值分量的变化率

最低0.47元/天 解锁文章
法线贴图和切线空间
六天
01-10 9439
Normal Maping 法线贴图是一种特殊的texture，法线贴图中每个像素存储的不是rgb颜色值，而是该片元的法向量。 法向量可以决定物体表面的凹凸情况，使用法线贴图可以在几乎不增加性能消耗的情况下，使得渲染出来的物体更有凹凸感，看起来更为真实。 图1： 法线贴图的使用非常方便，只需要当做平常的texture一样对它进行采样，采样的值作为normal而非rgb。 下面是一个简
切线空间
游戏开发喽
05-15 868
再聊切线空间之前，我先聊一下纹理uv是怎么映射顶点位置的。 举个简单的例子圆柱： 这样就能得出参数方程： x = x(u,v) x = y(u,v) z = z(u,v) 用u,v来表示点(x,y,z) 则点p(x,y,z) = p(x(u,v), y(u,v), z(u,v)) (dx/du是x对u的偏导，其他一样）dx = (dx/du) * du + (dx/
UV坐标概述
最新发布
积累点滴，保持自我
02-12 465
通常，UV坐标的取值范围是[0, 1]，其中(0, 0)表示纹理的左下角，(1, 1)表示右上角。然而，UV坐标可以超出此范围，导致纹理的重复、镜像或拉伸，具体行为取决于纹理的环绕方式（Wrap Mode）。每个三维模型的顶点都关联有一组UV坐标，指示该顶点在纹理图像上的位置。通过这些坐标，渲染引擎能够将纹理正确地应用到模型表面。通过UV坐标，三维模型的表面可以精确地映射到二维纹理图像上，实现复杂的视觉效果。是计算机图形学中用于将二维纹理映射到三维模型表面的坐标系统。
unity-shader-切线空间
.
03-25 2758
法线贴图 与 切线空间 切线空间 使用 法线贴图 是因为在 低模 下想获得 高模 凹凸表面光照效果。（也就是面数不够，法线来凑，基于面的法线建立一个 虚拟坐标系 ，通过 法线贴图 在面上 加多点法线 ） 由于需要将同一份法线纹理贴到不同模型的表面，或者同一个模型中不同角度的表面，那么当初生成这份法线纹理时所使用的面元角度（所谓模型local坐标系），就无法适用在其...
OpenGL——理解切线空间
正经的时候都在打游戏
12-10 1647
理解切线空间的来龙去脉
关于对切线空间坐标轴的一点理解
Sprinkble的博客
03-31 1225
最近在看乐乐姐的shader入门精要，我对切线空间坐标轴产生了疑惑， 正常的u3d坐标轴 切线空间坐标轴 为什么要用这样的坐标系呢？以下是我的理解。 1.我们在写代码的时候，需要按照xyz的顺序来写，因为我们可以根据z=1-saturate(xy,xy);算出z,所以Z是可以省略,这样做的好处是可以节约空间。 2.继1.的原因，所以我们必须让Z作为表示法向量高度的轴，所以Z轴是朝外的。 以上是...
unity坐标转换,世界坐标转uv坐标函数
05-19
世界坐标系是全局的，包含所有场景对象的三维空间坐标，而UV坐标则与纹理贴图相关，用于指定像素在材质上的位置。本篇文章将深入探讨如何在Unity中进行坐标转换，特别是从世界坐标到UV坐标的转换，并介绍两个关键的...
切线空间（Tangent Space）
TwinkleStar0121
07-25 7091
1. 线性变换 2. 切线空间（坐标系） 2.1 切线空间的构成 2.2 切线空间中光照计算及其弊端 Reference 1. 线性变换 在掌握切线空间之前我们先来简单了解线性变换与向量空间、矩阵的关系。 什么是线性变换？ 简单来说，线性变换就是一种映射关系，我们来看看线性代数对线性方程组的描述——线性方程组是由一个或者几个包含相同变量 x1,x2,x3,....
切线空间法线贴图生成和应用的理解
自由理想的足迹
09-16 2893
一、基于切线空间坐标系的法线贴图理解：使用法线贴图是因为在低模下想获得高模凹凸表面光照效果。因为基于模型坐标系的法线贴图，在换到不同的模型下时候法线贴图不能复用。故引入切线空间让法线贴图可以在相同网格形状模型（或许是子模型）但不同模型坐标系的多个模型间可以共享法线贴图。以下是我个人对切线空间求取，法线贴图求取，法线贴图计算光照的理解，不对之处欢迎指出：1）低模切线空间求取：假设：dp是网格上某三角...
什么是UV空间？
酒一两二的博客
08-03 2256
UV空间的定义和概要介绍。
切线空间？切线空间的作用到底是什么？
qq_39691716的博客
08-17 1274
关于切线空间的理解
Unity Shader Lab 模型切线和法线
qq_54936426的博客
03-28 5195
DCC法线与切线 绿：法线， 红：切线， 蓝：副切线 uv channel 0 法线由DCC软件确定，一般使用两种：（该点为三根线的端点） 三根法线合一，为相邻三个面法线的平均，在shader中视作一个点， 与相邻面法线 同向，视作三个点，可能因为一个点对应的inputlayout 只对应一组 NORMAL语义， 切线（作为切线空间的x轴）方向必定与法线方向垂直，并且与uv坐标的 u轴在垂直法线的平面的投影向量 同向， 法线变换： shaderlab 中：NORNAL..
切线空间的解析，有详细的公式，比较清楚
m0_52623901的博客
01-15 2081
图形学 | Shader |用一篇文章理解法线变换、切线空间、法线贴图 - 知乎 法线贴图原理 - Tekkaman - 博客园
庄懂着色器_L10_OldSchoolPro
精密时空设计局
04-09 358
庄懂-BoyanTata的个人空间_哔哩哔哩_Bilibili 答疑 法线贴图是记录在切线空间的法线信息 切线空间是由三个轴确定的一个空间,分别是法线方向,切线方向和副法线方向 法线方向就是表面朝外的方向,或者美术在软件生成的那个方向 切线方向和副法线方向:我把贴图在物体表面上摊开,它的UV坐标的U坐标就是它的切线方向,V坐标就是它的副法线方向 就是说我UV怎么展,其实是影响了模型表面的切线空间的,也就是说你的高低模不变,但你的UV变了,它的模型表面的切线空间也就变了,切线空间变了,它的法线信息
计算机图形学-tangent space（切线空间）
2303_76262050的博客
09-19 246
常见的法线贴图是在世界坐标系下的，这会导致，如果要做模型动画，法线贴图就需要随之改变，而Darboux框架（切线空间）下的法线贴图就会随着物体的运动，而不必更新法线贴图。要利用Darboux框架下的法线贴图，就需要计算出像素所在的切线空间的基向量。y轴：该点的副切线，与z轴，x轴垂直，可以利用叉乘得出。x轴：该点的切线，且与z轴垂直。
切线空间 真正从物理意义上的理解到数值计算
seewed的专栏
05-25 999
该如何正确理解切线空间 网上搜了一圈，说得好很少，讲得细的也不多 我花了大概快接近一周，从物理意义理解透了tbn变换矩阵。 如果你能耐心看完，你的线性代数水平、高数水平、和空间变换能力，会更上一层楼的 预备知识 （1）扎实的线性代数理解 对的，你没看错，是“理解”，只会加减乘除这些统统都不算。正确理解切线空间。请把3B1B的视频老老实实看完，起码知道二维空间到三维空间的映射，以及三维空间到二维空间的映射。 3B1B的线性代数链接 如果在刷3B1B的时候，发现有点吃力，先补一下宋浩老师的视频，起码知道矩阵的加
切线空间(Tangent Space) 的计算与应用
热门推荐
pzh的博客
06-30 1万+
转：http://windsmoon.com/2017/11/28/%E5%88%87%E7%BA%BF%E7%A9%BA%E9%97%B4-Tangent-Space-%E7%9A%84%E8%AE%A1%E7%AE%97%E4%B8%8E%E5%BA%94%E7%94%A8/?utm_medium=social&utm_source=ZHShareTargetIDMore 概要 本...
切线空间公式推导
GIS探索之路
01-24 881
一个法线向量有三个坐标值 ，这个值是相对于哪个坐标系下的呢？我们可以选择3D模型的顶点所在的坐标系，即对象空间(Object-Space)，也可以选择3D模型纹理所在的坐标系，即切线空间(Tangent-Space)，也称为纹理空间(Texture-Space)。 将一个点从UV空间映射到三维空间E，其中TB作为基矢，以UV空间中的U和V的增长作为控制参数。 假设三角形中存在一点P，则向量AP=U(p)*T+V(p)*B，只要知道P点的UV坐标值，即可得到P点的三维坐标值。 {E1=ΔU1T+ΔV1BE2
计算机图形学之GAMES101课程作业3的TBN矩阵
Jason_Chen__的博客
03-07 1167
https://zhuanlan.zhihu.com/p/144357517 这里的e1和e2是由Object Space下的点表示出来的，所以e1和e2代表了Object Space，x与y代表了uv空间下u和v分别在切线空间下的映射（类似投影之类的线性换算），所以切线空间和uv空间有映射关系 总的来说： Object Space = uv空间（u，0）* 切线空间（t,0） + uv空间(0,v) * 切线空间(0,b) 把上式子转换乘矩阵形式： 明显：Object Space = TBN矩阵
Mikkelsen切线空间
12-30
### Mikkelsen 切线空间概念 在计算机图形学和游戏开发领域，Mikkelsen切线空间是一种用于法线贴图的技术优化方法。传统上，在渲染过程中为了实现更精细的表面细节，通常会使用高分辨率几何模型来捕捉微小的变化。然而这种方法增加了计算负担并降低了性能效率。 为解决这一问题，引入了法线贴图技术，通过纹理映射的方式模拟复杂表面上光照效果而不增加额外顶点数量。在此基础上，Torgeir Mikkelsen提出了改进方案——即所谓的“Mikkelsen切线空间”。 具体而言，Mikkelsen切线空间旨在提高法线贴图的质量与稳定性，特别是在处理非均匀缩放和平移变换的情况下表现尤为突出。其核心思想是在构建切线帧时考虑更多因素以确保更好的一致性[^1]。 ```cpp // 计算Mikkelsen切线空间下的切线向量 vec3 compute_mikkelsen_tangent(vec3 normal, vec2 uv) { // 基于UV坐标差分估计偏导数 float dx = dFdx(uv.x); float dy = dFdy(uv.y); // 构建临时矩阵 mat3 TBN; TBN[0] = normalize(dFdx(position)); TBN[1] = normalize(dFdy(position)); TBN[2] = normal; // 应用修正因子调整最终输出 return normalize(TBN * vec3(dx, dy, 0.0f)); } ``` 此代码片段展示了如何基于给定的法线方向`normal`以及当前像素位置对应的UV坐标`uv`来计算经过Mikkelsen修正后的切线向量。这里利用GLSL内置函数`dFdx()` 和 `dFdy()` 来近似求取局部区域内的变化率，并以此为基础构造转换矩阵`TBN`完成整个过程。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值