B-spline曲面的法线贴图

*原创文章,转载请注明出处*

 

B-spline曲面的法线贴图

Normal Mapping on B-spline Surface

 

openGL Cg系列教程中,有一篇文章详细的介绍了法线贴图的原理和实现。这种法线贴图的实现是基于平面的,也就是最常看到的在四边形上的法线贴图。如果想在一些几何体上贴图,比如torus,我们可以利用torus的参数方程进行法线贴图。对于曲面,可以通过tessellation技术,将曲面用很多三角形网格来表示,然后再将三角形用两个参数st的参数方程来表示后,即可对该曲面进行法线贴图。对于B-spline曲面,这里介绍一种使用B-spline曲面方程来进行法线贴图的方法。

 

在这之前,有必要先来了解一下B-spline曲面。给定m+1行,每行n+1个控制点(control points)Pi,j,并且给定在u方向的h+1knot序列U={u0,u1,…,uh}V方向上的k+1knot序列V={v0,v1,…,vk},如果u方向的次数为pv方向的次数q,那么该B-spline曲面S(u,v)的定义为:

 

surface

 

 

这里Ni,p(u)表示p次第iB-spline基函数(basis function) Nj,q(v)表示q次第jB-spline基函数。从B-spline公式中可以看出,B-spline曲面是由u方向上的B-spline曲线和v方向上的B-spline曲面的线性组合。关于B-spline基函数的定义,可以参考文章Introduction to B-Spline Curves。下面来看一个B-spline曲面的例子。

 

例:

已知u方向knot序列U={0,0,0,1,1,1},基函数次数p=2v方向knot序列V={0,0,0,1,1,1},基函数次数q=2,曲面的控制点为{(-10,0,-10),(0,10,-10),(10,0,-10),(-10,10,0),(0,20,0),(10,10,0),(-10,0,10),(0,10,10),(10,0,10)}

 

B-spline曲面的法线贴图_第1张图片

 

Fig1 B-spline曲面

 

既然B-spline曲面公式中含有两个参数uv,而参数的范围是可以任意指定的,只要满足

 

surface02

 

这个条件即可。如果将B-spline曲面的uv方向的knot序列看作是参数空间,并将两个参数的范围都指定在01之间,我们完全可以让这个参数和纹理坐标对应。

 

B-spline曲面的法线贴图_第2张图片

 

Fig2 B-spline曲面参数空间和纹理坐标的对应

 

上图中显示了B-spline曲面参数和纹理坐标的对应关系。我们利用这种对应关系就可以在B-spline曲面上实现法线贴图。

 

在介绍法线贴图的那篇教程中提到过,要将法线贴图应用到任意物体的表面,光照计算必须在纹理空间中进行,这就要求计算出物体顶点的Frenet Frame,然后将该坐标系作为纹理坐标系来计算。Frenet Frame是由顶点切向量T,法向量N和第二法向量B组成的坐标系。

 

F = [ T N B ]

 

下面来看看怎样计算B-spline曲面的纹理坐标系。上面已经提到,在B-spline曲面的参数空间中有两个方向uv,那么我们就可以分别在这两个方向上求偏导数,

 

surface04

 

这个公式表示曲面S(u,v)k+l阶偏导数等于曲面对uk阶偏导数然后再对vl阶偏导数。nipnjq分别表示B-spline基函数的k阶导数和l阶导数。为了构造纹理坐标系,只需要1阶偏导数就足够了,于是上面的公式可以写为:

 

surface05

 

 

这里

 

surface06 

 

现在我们需要分别在uv方向上的偏导数

 

surface07

 

求出曲面uv方向上的偏导数后,于是可以像下面一样构建纹理坐标系

 

 

 surface08

 

很明显,这里纹理坐标系是由曲面u方向一阶导数和v方向一阶导数所组成,其中的乘号表示向量的外积。在Fig3中可以看到B-spline曲面上每个顶点的纹理坐标系,红色线表示u方向一阶导数,蓝色线表示v方向一阶导数,绿色线表示它们的外积。

 

B-spline曲面的法线贴图_第3张图片

 

Fig3 B-spline曲面上顶点的纹理坐标

 

一旦构建好纹理坐标后,光照的计算都转换到该坐标下计算即可。下面是B-spline曲面使用法线贴图的例子。

 

B-spline曲面的法线贴图_第4张图片

(a)

B-spline曲面的法线贴图_第5张图片

(b)

 

Fig4 B-spline曲面上的法线贴图

 

Fig4(a)(b)可以看出光源在不同位置时,法线贴图的效果。Fig4中只使用了diffuse和法线贴图合成的效果,当然我们也可以用纹理和法线贴图合成,如下面的Fig5

 

 

B-spline曲面的法线贴图_第6张图片

(a)

 

B-spline曲面的法线贴图_第7张图片

(b)

Fig5 B-spline 

 

 

 

 

曲面上的法线贴图和纹理贴图

*原创文章,转载请注明出处*

 

 

你可能感兴趣的:(function,网格)