法线贴图与位移贴图的计算原理

法线贴图是一副纹理图,只是纹理图上的点保存的不是RGB数据,我们是将压缩过的x,y,z轴坐标保存到red,greed,blue分量中,这个xyz坐标定义了一个法线方向

因此法线贴图的每个像素都保存了一个法线向量。下图显示了一个形象的normal map例子:

保存在法线贴图中的法线是相对于由向量T(x轴),B(y轴),N(z轴)定义的纹理空间坐标系的

T向量在纹理图像中是水平向右的,B向量在纹理图像中是竖直向下的,N向量是和纹理平面正交的

Note:正如上图中显示的,这些向量通常是z轴对齐的(上图中N是z轴),因此z轴坐标占有最大的量,

所以,当将法线贴图作为颜色图像来浏览时,通常显示为蓝色。这是因为z轴坐标是保存在蓝色通道而且有最大的量,颜色上占有主导地位

那么我们该怎么将一个单位向量压缩为这种格式呢?首先注意的是对于一个单位向量而言,每个分量坐标总是位于[-1,1]的范围内

假如我们将这个范围偏移并缩放为[0,1]并且乘以255并截断为十进制,那么结果将会变为[0,255]范围内的一个整数,就是说,

假如x是一个在[-1,1]范围内的坐标值,那么整数部分f(x)是一个在范围0-255内的整数,函数定义为:

因此保存一个单位向量在一个24位图像中,我们仅对每个坐标应用函数f(x),并且将得到的值写到纹理图的相应颜色通道中

下一个问题是如何恢复压缩操作,也就是说,给定一个范围在0-255的压缩过的纹理坐标,怎样才能恢复在[-1,1]范围内的真值

方法是简单的应用函数f(x)的逆,稍微思考一下,我们能得到这个公式:

那就是说,假如x是一个属于0-255范围内的整数,那么

是一个在[-1,1]范围内的浮点数

我们不需要自己做压缩操作,我们可以使用PhotoShop插件将图像转换为法线贴图,

然而,当我们在像素着色器中对法线贴图进行采样时,我们将不得不做恢复操作的部分以将其解压缩。

当我们在着色器中像下面这样采样法线贴图:

float3 normalT = gNormalMap.Sample(gTriLinearSam , pin.Tex);

颜色向量normalT将得到规格化的分量(r,g,b), 0 ≤r, g, b≤ 1

因此这个方法已经为我们做了一部分解压操作(即除以255,用于将一个0-255范围内的数转换到浮点数区间[0 ,1])

我们通过偏移,缩放将每个分量从[0 , 1]转换到[-1 , 1]完成操作,使用函数g: [0 , 1][-1 , 1] , 定义如下:

在代码中,我们像这样对每个颜色分量应用这个函数:

//Uncompress each component from [0 , 1] to [-1 , 1]

normalT = 2.0f * normalT - 1.0f;

这个标量1.0被解释为向量(1 , 1 , 1),使得表达式有意义并且可以逐分量运算

考虑一个3D纹理映射三角形,为了便于讨论,假设纹理映射没有失真,换句话说,映射纹理三角形到3D三角形需要进行一个

刚体变换(平移和缩放),现在,假设纹理像一幅贴花纸,因为我要拿起贴花纸,然后移动它,旋转它,使其与3D三角形重合。

图2显示了3D三角形的纹理空间坐标系:它们与三角形相切,且位于三角形平面。当然,三角形的纹理坐标时相对于纹理空间坐标系。

结合三角形面法线N,我们在三角形平面获得一个基于TBN的三维坐标系,我们将其叫做纹理空间或者切线空间。

注意切线空间通常是从一个三角形变换到另一个三角形(见图三)

图2:三角形的纹理空间和对象空间的关系。3D切线向量T与纹理坐标系的u轴对应,3D切线向量B与纹理坐标系的v轴对应

图3:盒子的每个面的纹理空间是不同的

正如图1所示,在法线贴图中的法线向量是定义在纹理空间(即切线空间)的, 但是我们的光线是定义在世界坐标系空间。

为了进行光照计算,法线向量和光线需要在同一空间。因此我们要做的第一步是找到切线空间坐标系与对象空间坐标系(物体的局部坐标系)

的关联。一旦我们是在对象空间(局部坐标系),我们能够使用世界矩阵将其从局部空间转换到世界空间。用v0 , v1 , v2表示对应的纹理坐标为

(u0 , v0) , (u1 , v1) , (u2 , v2) 的三个顶点,这三个顶点定义了一个相对于纹理空间轴(如,T和B)的纹理平面。让

作为3D三角形的两条边向量,其对应的纹理坐标为

看图2,能够清楚的得出:

用相对于局部空间的坐标表示向量,我们能得到以下这个矩阵等式:

注意:我们知道三角形顶点的局部空间坐标,因此我们知道边向量的局部空间坐标,因此矩阵:

是已知的,同样的,我们也知道顶点的纹理坐标,因此矩阵:

也是已知的,为了解出T,B的局部空间坐标,我们得到以下的式子:

在上面,我们使用了定理,矩阵

的逆为:

注意:向量T,B在局部空间中通常不是单位长度,假如纹理失真,他们将不再正交

向量T,B和N通常分别被简称为切线,副法线(副切线),和法线向量

我们已经推导了每个三角形的切线空间,然而,假如我们为法线贴图使用这个纹理空间(切线空间),我们将得到一个三角形的外观

因为这个三角形的切线空间是恒定的。因此,我们为每个顶点指定其切线空间,我们做了与顶点法线逼近平滑曲面同样的取平均值技巧:

1:面元的任意顶点的切线向量T由面元中所有共享该顶点的三角形的切线向量取平均值得到

2:面元的任意顶点的副切线向量B由面元中所有共享该顶点的三角形的副切线向量取平均值计算得到

通常来说,取均值后,基于TBN的坐标系将会正交,因此TBN向量是相互正交的且为单位长度。

这通常由施密特程序来完成。为任意三角形面元的每一个顶点生成切线坐标的代码在网页:点击打开链接中是可用的

在我们的系统中,我们将不直接将副法线向量B保存在内存中,相应的,当我们需要B向量时,我们可以计算B = N x T

N是平均顶点法线,因此,我们的顶点结构体应该是这样的:

namespaceVertex

{

     structNormalMap {

             XMFLOAT3 Pos;

             XMFLOAT3 Normal;

             XMFLOAT2 Tex;

             XMFLOAT3 TangentU;

       };

}

在程序中,由GeometryGenerator创建生成的面元计算纹理空间(切线空间)中与u轴对于的切线向量T。

正方体和网格中每个顶点的切线向量T的局部空间坐标都是非常容易指定的,对于圆柱和球体,每个顶点的切线向量T

可以通过由两个变量组成的矢量值函数计算偏导数

得到

参数u是纹理坐标u

此时,我们能够得到面元中每个顶点的TBN正交坐标系(切线坐标系)。而且,我们有TBN向量在面元局部空间中的坐标。

现在我们有基于TBN向量为坐标轴(切线空间)的点的坐标,我们能够将坐标从切线空间转换到局部空间,使用这个矩阵:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容