BumpMap、NormalMap的区别

 

一种是Emboss Bump Map（浮雕凹凸贴图），它使用的是Height map，原理是在原始图像的基础上，对高度场图像进行复制、轻微平移、差操作。但它存在很多严重的局限性，它只能用于漫反射表面，对于镜面高光来说是不可能的。当光源直接照射在物体表面时，如果没有偏移，那么物体表面就不会出现任何凹凸现象。

DOT3 Bump Map（点乘凹凸贴图），它使用的是Normal Map，这是目前图形硬件中使用的主要方法，它不需要存储高度，只需要将表面的实际法线作为（x,y,z）向量存储在法线图中，然后可以将含有法线的凹凸纹理和经过插值的光源向量在每个象素点结合起来，可以使用点乘。它的一个优点就是可以直接用来计算凹凸块上的镜面高光。 
   注意在max中，BumpMap用于逐像素光照，在Gamebryo中BumpMap用于模拟顶点高度凹凸，而NormalMap才是逐像素光照。

凹凸映射和纹理映射非常相似。然而，纹理映射是把颜色加到多边形上，而凹凸映射是把粗糙信息加到多边形上。这在多边形的视觉上会产生很吸引人的效果。我们只需要添加一点信息到本来需要使用大量多边形的物体上。需要注意的是这个物体是平的，但是它看起来却是粗糙不平的。让我们来看看左边的那个立方体。如果你很近地观察它时，你会发现它上面的很多细节。它看起来好像是由成千上万个多边形构成的，其实它只是由6个矩形构成。你或许会问：“这和纹理映射有什么不同？”它们的不同之处在于——凹凸映射是一种负责光方向的纹理映射。

（1）凹凸映射背后的原理 
让我们来看看一个粗糙的表面。

从远处看，你判断这个物体是粗糙的的唯一证据是在它表面上下的亮度有改变。你的大脑能够获得这些亮暗不一的图案信息，然后判断出它们是表面中有凹凸的部位。左边的一幅图就说明了这一点。你可以发现它是一个浮雕式的表面。一些矩型和字母被印入表面，但是它们摸上去就像是一个隐藏的监控器的玻璃。如果这个图像是在适当的位置上，那么它除了改变亮度，不需要再做任何其他的工作。 
那么你也许会问：我是怎么知道哪些点要亮，哪些点要暗呢？这不难。绝大多数人生活在这样一种环境下——这个环境的大多数光源来自上方（译者注：比如白天主要的光来自太阳，夜晚主要的光来自天花板上的日光灯）。所以向上倾的地方就会更亮，而向下倾的地方就会更暗。所以这种现象使你的眼睛看到一个物体上亮暗区域时，可以判断出它的凹凸情况。相对亮的块被判断是面向上的，相对暗的块被判断是面向下的。所以我只需要给物体上的线条简单得上色。 
如果你想要更多的证据，这里还有一幅几乎相同的图，不同于前的是它旋转了180度。所以它是前一幅图倒转的图像。那些先前看起来是凹进去的区域，现在看起来是凸出来的了。 这个时候你的大脑并没有被完全欺骗，你脑中存留的视觉印象使你仍然有能力判断出这是前一幅图，只是它的光源变了，是从小往上照的你的大脑可能强迫性地判断出它是第一幅图。事实上，你只要始终盯着它，并且努力地想像着光是从右下方向照射的，你就会理解它是凹的（译者注：因为日常生活的习惯，你会很容易把这些图形判断成凸出的图形，但是因为有了上一幅对照图的印象，你可能才会特别注意到这些图块其实还是凹入的，只是判断方法不符合我们日常生活习惯，因为这时大多数光不是从上方照射，而是从下往上照射）。

（2）什么是凹凸图（Bump Map） 
凹凸图和纹理图很相似。但是不同的是，凹凸图包含的不是颜色信息，而是凹凸信息。最通常的方法是通过存储高度值实现。我们要用到一个灰色的纹理图，灰色的亮度体现出每个点分别凸出多少（见下图）。这就是一个非常方便的保存凹凸图的方法，而且这种图很容易制作。这副图具体又是怎样被渲染器使用的呢？你接着往下看就会明白了。 
当然，你并不一定要把自己局限于这些简单的图形，你可以扩展，用它来做木材，做石头，做脱了漆的墙面，做任何你想做的物体。

（3）那么它是怎么工作的 
凹凸映射是补色渲染技术（Phong Shading Technique）的一项扩展，只是在补色渲染里，多边形表面上的法线将被改变，这个向量用来计算该点的亮度。当你加入了凹凸映射，法线向量会略微地改变，怎么改变则基于凹凸图。改变法线向量就会改变多边形的点的颜色值。就这么简单。 
现在，有几种方法来达到这个目的（译者注：这个目的指改变法线向量）。我并没有实际编写补色渲染和凹凸映射的程序，但是我在这里将介绍一种我喜欢的方法来实现！ 
现在我们需要将凹凸图中的高度信息转换成补色渲染用到的法线的调节信息。这个做起来不难，但是解释起来比较费劲。

 好的，我们现在将凹凸位图的信息转换成一些小向量——一个向量对应于一个点。请看左边一副放大的凹凸图。相对亮的点比相对暗的点更为凸出。看清楚了吗？现在计算每个点的向量，这些向量表征了每个点的倾斜情况，请看下图的描绘。图中红色小圆点表示向量是向下的：

 有很多计算向量的方法，不同的方法精确度不同，但是选择什么方法要取决于你所要求的精确度是个什么层次。最通常的方法是分别计算每个点上X和Y的倾斜度：

x_gradient = pixel(x-1, y) - pixel(x+1, y) 
        y_gradient = pixel(x, y-1) - pixel(x, y+1)

在得出了这两个倾斜度后，你就可以计算多边形点的法线了。

 

这里有一个多边形，图上绘出了它的一条法线向量——n。除此，还有两条向量，它们将用来调节该点法线向量。这两条向量必须与当前被渲染的多边形的凹凸图对齐，换句话说，它们要与凹凸图使用同一种坐标轴。下边的图分别是凹凸图和多边形，两副图都显示了U、V两条向量（译者注：也就是平面2D坐标的两条轴）：

 

现在你可以看到被调节后的新法线向量了。这个调节公式很简单： 
New_Normal = Normal + (U * x_gradient) + (V * y_gradient) 
有了新法线向量后，你就可以通过补色渲染技术计算出多边形每个点的亮度了。

首先我想说，对于凹凸贴图在计算机图形领域中的研究，最早开始于70年代末，至今已经有接近30年历史了。Normal Map只是一种目前很流行的凹凸贴图技术，而这里将会介绍一些目前游戏和在XBOX360和PlayStation3这种新世代主机上将会运用的凹凸贴图技术。
1.Bump Mapping
做过CG的朋友一定比FXCarl还要更早的认识Bump Map。这种贴图是一种灰度图，用表面上灰度的变化来描述目标表面的凹凸，因此这种贴图是黑白的，如果节省空间的画，甚至可以把贴图的Alpha通道征用来用作Bump。值得注意的是，这种贴图表面上存储的东西是高度域－－即每个点和原始表面的高度差，记住，每个点的颜色不是色彩，是高度，一个数值！因此，对这个贴图做任何的操作都会影响到这个物体3D的外观质感。不能凭感觉用事。
在游戏中，所使用的算法确切的说应该叫做fake bump mapping ，假凹凸贴图。因为在游戏中Bump Map并没有改变物体的表面而只是影响光照的结果，欺骗眼睛而已。最简单的做法是，直接把Bump Map叠加在已经渲染好的表面上，造成亮度上的扰动，从而让人以为是凹凸的－－这个很容易理解，把一面白色的墙面有技巧的部分划成灰色就会变成蚀痕，这些诸位会比小的更擅长。而计算复杂度是基本加减法。这个所谓的 Fake Bump Mapping 从Geforce2就开始硬件支持，但是从来没有大范围的应用过。
不过有趣的是，Bump Map这个东西却从未过时，在后来的渲染算法中，其储存表面高度域的特性仍然发挥着巨大的作用。我们后文再提Normal Mapping.

2.Normal Mapping

Normal Mapping在游戏领域中的实践是一个非常值得记住的时期－－Geforce3上市，GPU概念出现，硬件可编程流水线的出现（Shaders），Normal Mapping是一种凹凸贴图技术，它的另外一个名字叫做Dot3 bump mapping。
用于实现它的控制纹理是一张叫做Normal Map的纹理，也是目前大家在讨论如何制作的那种。我们先说说这张叫做Normal Map的图。这张图中存储的东西是每个原始表面法线的迭代，说起来有点复杂，但是不难理解。举例说我们的说面，一般在游戏的3D模型上，表面法线就像是一根站立于桌面的钢笔，垂直向上。而Normal Map中存储的东西就是我们这支表示表面法线方向的钢笔所“应该”指向的方向－－比如说朝左边倾斜15度。
Normal Map有两种主要形式，一种叫做世界空间的Normal Map，一种叫做切空间的Normal Map。第一种在游戏中没有实用价值，我们说第二种，也就是大家最常见的一种。
那么，为什么我们看到的Normal Map会有这么奇怪的颜色呢？其实Normal Map和Bump Map一样，即它显示出来的颜色和它所起的作用是没有直接联系的。大家一定对空间坐标的概念非常熟悉了。在Normal Map的定义中，有一个事先的约定，这个约定就是－－原本表面的垂直方向，我们称为Z轴；而表面的UV坐标两个方向，分别对应X轴和Y轴。（确切的说，应该是称作切线和负法线，但是这两个东西和大家熟悉的UV坐标刚好重叠，所以就用大家更习惯的说法了）然后我们知道如果我们在XYZ轴上各取一个点，这个点的取值位置在-1到1之间，那么我们就可以得到一个指向任何方向的法线方向（不用多解释，大家知道法线是一个向量，向量有方向和长度两个概念，但是对法线来说，长度是不需要的）。但是，请大家注意，我们在描述色彩的时候，RGB三个通道的取值范围都是从零开始的。可是当我们尝试把一个任意的法线保存在一张纹理中的时候，会面临取负值的问题。因此我们要把法线做压缩。方法很简单，把XYZ每个轴上的法线投影长度进行N＋1/2的运算。这样就把所有的法线压缩到了0和1的范围里。然后我们把XYZ的方向分别存储在RGB三个通道中。似乎我们还没有说到关于为什么Normal Map会是蓝兮兮的原因是吧。那么现在就是公布结果的时候了！首先，我们知道如果在一个物体表面，法线垂直向上，那么它的XYZ坐标是多少？是0,0,1对不对?然后我们把这个数字按照我们前面所说的压缩方法进行压缩，每个数字加1然后再除以2，那么我们得到的是0.5,0.5,1对不对？好我们把它代入到RGB中，那么我们会得到128,128,255对不对？好了，试试看在调色板里的颜色吧！
P.S.现在FXCarl和你猜个谜，看看FXCarl说的对不对。现在我们在Normal Map上看见一个颜色，这个颜色是219,128,219。那么这个表面的法线方向是垂直向右偏45度。大家用MAX做一个Normal Map看看FXCarl说的对不对？
如果你还没有理解Normal Map的意思，或者说你有兴趣再深入了解一些，那么FXCarl再和你说的深入一些。不知道大家对于切空间的理解是什么？我们来个实验，找三支笔。然后其中两只笔在桌面放成互相成90度，笔尾接笔尾。最后我们把第三支笔，笔尖向上，笔尾和那两只桌面上的笔的笔尾叠在一个点上。注意看我们的三支笔！这三支笔就是这张桌面上这个点的切空间坐标了！大家一定想到了原来我们的Normal Map中存储的表面法线方向原来就是一个切空间向量啊，恩没错，就是切空间向量。但是似乎看起来切空间没什么作用是不是？呵呵，我们不妨把桌面换成一个篮球。记住，保持三支笔的互相关系，然后用三支笔并在一起的笔尾去接触篮球的表面。呵呵，发现了没有？切空间的优势在于，在任意表面上，切空间中的坐标都是有效的！也就是说始用切空间中的数据就可以做到和3D模型的复杂度无关！你可以用在任意的表面，甚至这个表面一直在动也不会影响到Normal Map发挥作用，你说这个切空间是不是很有用呢？
让我们回到开头，大家就会发现，如果使用世界空间的Normal Map会有什么样的结果呢？嘿嘿那样会造成一个很尴尬的结果，比如说我们做了一个人物身上的Normal Map，可是我们的场景中有两个一样的人物，但是他们的姿势和面对的角度都不一样。那么……My God ～肯定有一个人物的Normal Map是没法适用的！而用切空间的Normal Map就没有问题了。恩，不过这个大家可以放心，MAX或者Maya做出来的Normal Map都是切空间的Normal Map，证明的方法很简单……看看这张贴图是不是主要由蓝色构成的……
OK，下面是重头戏，告诉大家Normal Map是如何发生作用的。
使用Normal Map的先决条件－－逐像素著色。先来说一下传统著色，传统游戏使用的是一个Phong光照模型的简化版，甚至有游戏使用Ground模型。这两种算法的方式都是只对物体3D模型的顶点计算光照，而3D表面上的大面积区域则使用差值填充。逐像素著色是到了Shaders出现之后才有的，因此Normal Mapping也是一个Shaders必须的算法。计算一个物体表面漫反射光照的公式是很简单的NdotL－－什么是NdotL，就是物体表面的法线和光照方向的点积。点积是一个线性代数的问题，美术朋友们可以不用深究，写成程序也很容易：Diffuse = saturate(Mul(Normal,Light));。想要简单的理解就是－－光线的方向矢量在法线矢量上的投影，然后这个投影的结果变成黑白中间的一个值。我们同样举个简单的例子，用两支笔放在桌面上，然后一支笔不动，令一支笔笔尾和第一支笔的笔尾相连，不动，然后以共同的笔尾做为圆心，移动笔。这时如果我们从一支笔尖往另外一支笔的笔杆上垂直拉一条线（一条垂线）就会看到这时移动后的一支笔在原本的笔杆所投影的长度（就是一支笔的笔尖连垂线到另一支笔的笔杆上的位置，这个位置沿着笔杆到共同笔尾的长度）会越来越短，当两支笔垂直的时候，投影的结果就是零－－没有光照贡献了。这个容易理解，当光线的方向和一个表面绝对平行的时候，这个表面就会再也接受不到光线了。现在我们引入NormalMap。这时我们的光照计算和以往有点不同，我们把表面的法线用NormalMap中存储的法线来替代。这样当我们在计算表面光照情况的时候，就会因为法线不断的变化而产生比原来丰富的多的明暗变化。
至于为什么会感觉出凹凸来这个就是人的眼睛自己骗自己了……其实那里本没有凹凸的，但是我们人眼睛太多管闲事了。就像Windows的按钮哪个纯平面的东西我们还以为是凸出来的呢。
Normal Map看来可以增加细节，但是它的缺点也很明显。不过在说缺点之前，要提前说一句－－Normal Map带来的优势是远远大于它的缺点的。因此仍然是个极好的东西，不要对它有偏见，特别是在我们后面介绍的更牛的技术前面，千万不要。最大的也是最明显的缺点应该就是它的视角问题。因为Normal Map只是改变的表面上的光照结果，并没有改变表面上的形状。因此，表面上看来，似乎只要是不接近水平，NormalMap就不会有视角问题。其实不然，NormalMap因为不能实现自身内部的遮挡，因此不能表现平面上凹凸起伏比较大的场合。比如说我们一个桌面上突出一块，然后在突出的这块东西边上放一支牙签。如果用Normal Map表现，会发现。根据经验，这个凸起会很轻易的挡住我们的视线，让我们看不见那支牙签。可是Normal Map却不会这么做。因此我们一直能看见障碍物背后的东西，这一点是个问题－－也就是说只有在垂直于平面的时候NormalMap才会发挥最好的作用。这样一来，Normal Map只能用在大家对遮挡关系不敏感的场合，比如场景等，不是不能用于人物，而是用Normal Map的人物不太经得起特写，放大了，角度刁钻了都容易穿帮。
虽然Normal Map有个不能平视的巨大问题，但是依然是好处远大于小障碍，因此还是非常值得推广的。后面的几种新兴算法其实都是由Normal Mapping发展起来的，因此做为基础的东西，也还是最有理解价值的。
P.S.关于Normal Map的一点秘籍。注意理解……Normal Map其实并不是从低模的表面凸出高模的细节的，而是把高模中比最高点的位置低的地方凹进去的！因此低模要比高模大一点点才会很准。大家可以想像成我们是用一个比高模稍微大一点点尺寸的低模石膏模型来把高模雕刻出来的。
P.S.2.关于Normal Map的做法，其实早期发明Normal Map的时候还没有MAX这种这么方便生成Normal Map的方法，Normal Map都是从Bump Map计算得到的，因此其实通过很简单的算法就可以从Bump Map算出Normal Map的，甚至可以On The Fly（就是让游戏引擎直接读BumpMap然后转换成NormalMap）。因此对于一些建起模来效率很低，但是又能明显增加表面细节的东西，例如水泥表面的颗粒，用画Bump的方式来做是个更好的主意，然后交给技术美工去搞定好了－－当然你会用Z－Bursh那就当我什么都没说了，呵呵。说来FXCarl估计MAX生成法线图的方式也是比较高低模上每个点的高度偏移，然后生成每个UV图素上的高度差来得到一个BumpMap，然后再从BumpMap变成NormalMap。
3.Parallax mapping 视差贴图

（因为后面的算法都是基于NormalMap的应用，可能看上去没有NormalMapping那么长了，但内容肯定一样精彩的！）
视差贴图是一种NormalMapping算法的增强算法，其本质上和NormalMapping没有区别。优势是只需要增加3个HLSL语句和一个控制纹理通道（只需要几个GPU指令，代价小到可以忽略）就可以显著的增加物体表面的深度感。但是NormalMap中出现的问题，Parallax mapping基本上都有－－特别是视角接近平行的时候，凹凸感消失的问题，并没有明显改善－－其实这个使用NormalMap带来的问题就像是液晶屏的可视角度问题一样令人挥之不去。或者按照FXCarl个人的说法－－Parallax mapping才是真正具有实用价值的NormalMapping。
目前实践证明，这种技术非常适合XBOX360和PS3这样的新世代游戏主机（都上市一年了还用次世代……我真受不了现在有些人）。例如360游戏SEGA死刑犯就是使用的和PC游戏FEAR一样的Monolith引擎－－使用Parallax mapping。
Parallax mapping使用的还是单张的控制纹理。一张NormalMap。如果我们用AcdSee来看这张NormalMap，我们会发觉似乎和NormalMapping用的控制纹理是一样的。而如果我们打开这张NormalMap的Alpha通道，就会发现其中的玄机所在。原来Alpha通道里存储的是对应这张NormalMap的BumpMap！（就是HeightMap，就是用饱和度记录表面高度）
现在插入一点理论课程。大家留心读上面的文字，会看见一个控制纹理的词汇。这个词汇是这里要重点解释的。因为理解控制纹理，在成为新世代美工的需求中是相当重要的。按照大家这么多年美术做下来的经验，对于图素(Texel,纹理上的一点)的理解肯定是RBG3个色彩带一个表示透明度的Alpha通道。但是在我们的渲染器和程序员的眼里，它可不是我们美术朋友们看见的东西。他们看见的是一个4通道的矢量（其实可以理解成四个数的组合）。这4个数字的取值范围分别是0到255。通过这个空间，其实可以用来做更多别的事情－－最常用的就是记录表面的物理细节。至于为什么要用控制纹理呢？FXCarl前两天听一个朋友有这么个说法：我觉得NormalMap的效果也没什么，直接画也画的出来的。其实这个说法一点都没错，但是要知道，这个想法是过时的。因为NormalMap并非用于著色，而是用于更真实的生成色彩。重所周知，用画的方式，做静帧固然可以做到无限好。可是动起来怎么办？如何才能保证在不同的光照关系下依然保证最终著色的结果正确？唯一的做法，就是每帧重画一遍。如何才能做到最有效的重画？那就要把重画的参考告诉我们的渲染器，让它来帮你做一些简单的工作，这就是控制纹理的作用－－把你想要实时改变的东西告诉渲染器。其实控制纹理的范围很大，除了NormalMap还有很多，比如说Nvidia的DEMO曾经用纹理存储物体表面在阳光下的色彩变化规律。把艺术家想要实时改变的东西压缩在纹理中告诉渲染器是一件相当有挑战性的工作，当然也会获得更令人赞叹的画面。请接受控制纹理，那是让艺术家把一个瞬间的精确著色变成一个普遍适用的著色的利器！
Parallax mapping是如何达到增加NormalMap的效果的呢。我们要从NormalMap的特性说起。我们假设在NormalMap表面制作一个凸起。然后我们转转角度看看。我们会发现，其实这个凸起的背对我们视线的面～并不会因为我们视角的逐渐放平而消失－－这显然是不正确的，要知道背后的东西应该是看不见的才对。因此Parallax mapping就是来缓解这个问题的，具体的代码这里不提。我来试着白话解释一下原理。其实为了不让我们看见“不该看的东西”应该试着挪动纹理坐标……把那个不该给玩家看见的图素（Texel）跳过去。也就是说根据高度图提供的数据，把那个位置较低那个纹理的后面的纹理向前拉。相当于在图素采样的时候刻意的把那个图素跳过去。这样那个不该被玩家看见的像素就会因为图素的消失而不见了－－很明显，这个算法是不太站得住脚的，虽然计算的时候会参考玩家视线的角度。但仍然是一种来自于经验的估算。值得欣慰的是，对于本身NormalMap所需要表现的微小细节来说，这样的改进已经看上去不错。因此开始有大量的游戏决定采用。特别是它的优点是所消耗的代价极为有限，而需要增加的工作量只是让美工把高度图保存到Alpha通道里而已。很划算。
但是对于技术研究者来说，这样的表现显然还是不够令人满意的。因此，顺着视差贴图的思路向下发展，借助ShaderModel3.0的出现。出现了一个真正从物理上改变物体表面的算法，这就是我们下一篇文章需要介绍的Displacement Mapping

4.Displacement mapping 位移贴图
和前面说的几种方式不同，DisplacementMapping是一种真正改变物体表面的方式。通过一种称为micropolygons（微多边形）tessellate（镶嵌）的技巧来实现真正的改变物体表面的细节。
具体流程是这样的。首先，根据屏幕的分辨率，在模型的可见面上镶嵌和最终象素尺寸相同的微多边形。这个过程叫做镶嵌。然后读取一张Bump贴图。根据表面的灰度确定高度。然后根据镶嵌所得到的多边形，沿着原先的表面法线方向移动微多边形。接着再为新的多边形确定好新的法线方向。此时，物体的表面确实已经真的增加出了细节。
其实这种技巧，我们在使用ZBrush的时候就可以看见了。大家用过Zbrush的时候会知道，在表面刷过的细节，只有在画面静止下来之后才会越来越清晰。而微多边形镶嵌起到的就是类似的作用。只增强面对屏幕的多边形的表面粗糙细节，而不是整个模型。因此性能代价并不会像直接上高模那么大。相比来说位移贴图在效果上是没有任何瑕疵的，但是也未必没有缺点。
首先就是，对硬件的要求很高，必须支持ShaderMode3.0才可以，因为只有支持SM3才可以在顶点阶段进行纹理操作。同时镶嵌对于性能的消耗也不小。不过其实就对于GPU的压力而言，反而似乎要更合理一些（因为对顶点的运算要求提高，对象素级别的运算要求反而没有影响）想必在将来的DX10统一渲染构架中会更有价值。
和我们介绍的所有凹凸贴图技术相比，位移贴图是唯一真正改变多边形表面几何形状的方法。相比之后将要介绍的切空间光线追踪算法，这种算法的性能消耗虽然并不占优，但其实要更为合理。给予画面更多特效的机会，同时更有趣的是，其实他和其他基于象素着色的凹凸贴图并没有什么冲突。其实这种位移贴图在新世代主机的游戏中大家都有可能见到。只是可能不是大家想得到的地方。
它可以用来实时生成大面积的户外地形！这是其他任何凹凸贴图方式所不能比拟的！

ReliefMapping 和 ParallaxOcclusionMapping 和 ConeMapping 浮雕纹理贴图和视差阻塞贴图和圆锥跟踪贴图
三种利用切空间光线追踪先进算法的技术，三种方法分别是光线跟踪，光束跟踪和圆锥跟踪算法。当然可以说后面的都是第一种的改进。这些都是面向未来的技术，很有前途。ReliefMapping甚至现在可以实现扣环这样的复杂几何表面，并且可以处理不能平视的问题！