第四章 真实感图形学 真实感图形学研究什么？ 早期，计算机的速度，使人们满足于线框图 1967年， Wylie开始了用计算机生成真实感 图形的探索。 21世纪，图形无所不在！清华大学清华大学 计算机图形学基础计算机图形学基础清华大学清华大学 计算机图形学基础计算机图形学基础清华大学清华大学 计算机图形学基础计算机图形学基础内容颜色视觉简单光照明模型局部光照明模型光透射模型纹理及纹理映射整体光照明模型实时真实感图形学技术清华大学清华大学 计算机图形学基础计算机图形学基础41颜色视觉分析以下的基本现象：为什么计算R、G、B三个分量就可以使人有颜色的视觉感觉？清华大学清华大学 计算机图形学基础计算机图形学基础基本概念颜色是外来的光刺激作用于人的视觉器官而产生的主观感觉，影响的因素有：物体本身光源周围环境观察者的视觉系统清华大学清华大学 计算机图形学基础计算机图形学基础颜色的特性颜色的三个视觉特性(心理学度量）色调(Hue) 一种颜色区别于其他颜色的 因素，如：红、绿、蓝饱和度(Saturation) 颜色的纯度亮度(Lightness) 光给人的刺激的强度清华大学清华大学 计算机图形学基础计算机图形学基础对应的颜色物理特性主波长（Dominant Wavelength) 产生颜色光的波长，对应于视觉感知的色调纯度(Purity) 对应于饱和度明度(Luminance) 对应于光的亮度清华大学清华大学 计算机图形学基础计算机图形学基础颜色纺锤体颜色三特性的空间表示垂直轴线表示白黑亮度变化水平圆周上的不同角度点代表了不同色调的颜色从圆心向圆周过渡表示同一色调下饱和度的提高平面圆形上的色调和饱和度不同，而亮度相同清华大学清华大学 计算机图形学基础计算机图形学基础光的物理知识光是人的视觉系统能够感知到的电磁波波长在400nm到700nm之间 (1nm=10-9m)光可以由它的光谱能量分布 来表示各种波长的能量大致相等，为白光清华大学清华大学 计算机图形学基础计算机图形学基础各波长的能量分布不均匀，为彩色光包含一种波长的能量，其他波长都为零，是单色光清华大学清华大学 计算机图形学基础计算机图形学基础光谱能量分布定义颜色十分麻烦光谱与颜色的对应关系是多对一两种光的光谱分布不同而颜色相同的现象称为“异谱同色”必须采用其他的定义颜色的方法，使光本身与颜色一一对应清华大学清华大学 计算机图形学基础计算机图形学基础三色学说颜色视觉及真实感图形学的生理基础，颜色科学中最基本、最重要的理论颜色具有恒常性，颜色之间的对比效应能使人区分不同颜色颜色具有混合性，牛顿在十七世纪后期用棱镜把太阳光分散成光谱上的颜色光带，证明白光由很多颜色光混合而成清华大学清华大学 计算机图形学基础计算机图形学基础十九世纪初Yaung提出某种波长的光可以通过三种不同波长的光混合而复现出来的假说红（R）、绿（G）、蓝（B）三原色把三种原色按照不同的比例混合就能准确的复现其他任何波长的光三原色等量混合产生白光 Maxwell用旋转圆盘证实了Yaung 假设。清华大学清华大学 计算机图形学基础计算机图形学基础1862年，Helmhotz在上面的基础上提出颜色视觉机制学说，即三色学说，也称为三刺激理论用三种原色能够产生各种颜色的三色原理是当今颜色科学中最重要的原理和学说清华大学清华大学 计算机图形学基础计算机图形学基础近代三色学说视网膜中存在着三种椎体细胞，对光刺激的兴奋程度不同，分别感受红、绿、蓝光。作用与颜色混合相同黄光刺激眼睛的例子三色学说是真实感图形学中RGB颜色模型提出的理论基础清华大学清华大学 计算机图形学基础计算机图形学基础CIE色度图三色学说原理说明任何一种颜色可以用红、绿、蓝三原色按照不同比例混合来得到。还有如何使三原色按某唯一比例混合复现给定颜色的问题。颜色匹配混合光与给定光的颜色相同CIE国际照明委员会选取的标准红、绿、蓝三种光 (700, 546, 435.8)清华大学清华大学 计算机图形学基础计算机图形学基础CIE-RGB系统光的颜色匹配式子：权值r、g、b为颜色匹配中所需要的R、G、B三色光的相对量1931年，CIE给出等能标准三原色匹配任意颜色的光谱三刺激值曲线清华大学清华大学 计算机图形学基础计算机图形学基础CIE-XYZ系统CIE-RGB曲线一部分三刺激值是负数，表明只能在给定光上叠加曲线中负值对应的原色，去匹配另两种原色的混合计算不便，不易理解1931年CIE-XYZ系统，利用三种假想的标准原色X、Y、Z，使颜色匹配三刺激值都是正值：任何颜色都能由标准三原色混合匹配（三刺激值是正的）清华大学清华大学 计算机图形学基础计算机图形学基础色度图复现颜色的三原色比例值是否唯一？三刺激空间用三原色的单位向量定义三维颜色空间颜色刺激表示为三刺激空间中以原点为起点的向量，向量的方向代表颜色清华大学清华大学 计算机图形学基础计算机图形学基础三刺激空间清华大学清华大学 计算机图形学基础计算机图形学基础在三刺激空间上取通过（R）、（G）、（B）坐标轴单位向量的截面，截面的方程为（R）（G）（B）1。该截面与三个坐标平面的交线构成一个等边三角形，称为色度图颜色刺激向量与色度图有且仅有唯一交点，色度图可以唯一的表示三刺激空间中的所有颜色值清华大学清华大学 计算机图形学基础计算机图形学基础色度图上每一个点代表不同的颜色，对于三刺激空间中坐标为X、Y、Z的颜色刺激向量Q，它与色度图交点的坐标（x，y，z）即三刺激值也被称为色度值清华大学清华大学 计算机图形学基础计算机图形学基础CIE色度图CIE色度图色度图投影到XY平面上马蹄形区域的边界和内部代表了所有可见光的色度值边界弯曲部分代表了光谱在某种纯度为百分之百的色光色度图与三刺激值是描述颜色的标准精确方法，应用较复杂清华大学清华大学 计算机图形学基础计算机图形学基础CIE色度图Z=1-X-Y二维表示清华大学清华大学 计算机图形学基础计算机图形学基础常用颜色模型颜色模型是指某个三维颜色空间中的一个可见光子集，包含某个颜色域的所有颜色颜色模型的用途是在某个颜色域内方便地指定颜色清华大学清华大学 计算机图形学基础计算机图形学基础RGB颜色模型通常使用于彩色光栅图形显示设备中真实感图形学中的主要的颜色模型采用三维直角坐标系RGB立方体清华大学清华大学 计算机图形学基础计算机图形学基础红、绿、蓝原色混合在一起可以产生复合色三原色混合效果清华大学清华大学 计算机图形学基础计算机图形学基础CMY颜色模型以红、绿、蓝的补色青、品红、黄为原色构成的颜色模型常用于从白光中滤去某种颜色，又被称为减性原色系统，在白色中减去某种颜色来定义一种颜色用于印刷行业中(见下页)清华大学清华大学 计算机图形学基础计算机图形学基础印刷硬拷贝设备的颜色处理： 在白纸面上涂黄色和品红色，纸面上将呈现红色, 因为白光被吸收了蓝光和绿光，只能反射红光RGB颜色模型与CMY颜色模型都是面向硬件模型清华大学清华大学 计算机图形学基础计算机图形学基础HSV颜色模型HSV颜色模型是面向用户的对应圆柱坐标系的圆锥形子集圆锥的顶面对应于V=1色彩H由绕V轴的旋转角给定饱和度S取值从0到1，由圆心向圆周过渡清华大学清华大学 计算机图形学基础计算机图形学基础画家配色方法HSV模型对应画家的配色的方法在一种纯色中加入白色以改变色浓，加入黑色以改变色深。同时加入不同比例的白色，黑色即可得到不同色调的颜色清华大学清华大学 计算机图形学基础计算机图形学基础RGB模型与HSV模型联系RGB立方体从白色顶点沿着主对角线向原点方向投影，可以得到一个正六边形，该六边形是HSV圆锥顶面的一个真子集RGB空间的主对角线，对应于HSV空间的V轴清华大学清华大学 计算机图形学基础计算机图形学基础42简单光照明模型模拟物体表面的光照明物理现象的数学模型光照明模型简单光照明模型只考虑光源对物体的直接光照清华大学清华大学 计算机图形学基础计算机图形学基础早期发展1967年，Wylie等人第一次在显示物体时加进光照效果，认为光强与距离成反比。1970年，Bouknight提出第一个光反射模型：Lambert漫反射环境光1971年，Gouraud提出漫反射模型加插值的思想1975年，Phong提出图形学中第一个有影响的光照明模型清华大学清华大学 计算机图形学基础计算机图形学基础相关物理知识光的传播反射定律：入射角等于反射角，而且反射光线、入射光线与法向量在同一平面上清华大学清华大学 计算机图形学基础计算机图形学基础折射定律折射定律：折射线在入射线与法线构成的平面上，折射角与入射角满足清华大学清华大学 计算机图形学基础计算机图形学基础能量关系在光的反射和折射现象中的能量分布：下标为i,d,s,t,v的能量项分别表示为入射光强，漫反射光强，镜面反射光强，透射光强，吸收光强能量是守恒的清华大学清华大学 计算机图形学基础计算机图形学基础光的度量立体角：面元ds向点光源P所张的立体角为点发光强度单位时间内通过面元ds的光能量为光通量dF点发光强度为某个方向上单位立体角的内的光通量清华大学清华大学 计算机图形学基础计算机图形学基础Phong光照明模型简单光照明模型模拟物体表面对光的反射作用光源为点光源反射作用分为镜面反射(Specular Reflection)漫反射(Diffuse Reflection)物体间作用用环境光(Ambient Light)表示清华大学清华大学 计算机图形学基础计算机图形学基础Phong模型几何清华大学清华大学 计算机图形学基础计算机图形学基础Phong模型的表示理想漫反射漫反射光均匀向各方向传播，与视点无关由Lambert余弦定律，漫反射光强为 是与物体有关的漫反射系数，漫反射系数 有三个分量 ，分别代表RGB三原色的漫反射系数，通过调整它们来设定物体的颜色清华大学清华大学 计算机图形学基础计算机图形学基础镜面反射光对一般的光滑表面，反射光集中在一个范围内，且由反射定律决定的反射方向光强最大镜面反射光强可表示为 是与物体有关的镜面反射系数，n为反射指数，反映物体表面的光泽程度，数目越大物体表面越光滑清华大学清华大学 计算机图形学基础计算机图形学基础反射方向计算镜面反射光将会在反射方向附近形成很亮的光斑，称为高光现象镜面反射光产生的高光区域只反映光源的颜色镜面反射系数 是一个与物体的颜色无关的参数清华大学清华大学 计算机图形学基础计算机图形学基础环境光环境光是指光源间接对物体的影响光在物体和环境之间多次反射，最终达到平衡同一环境下的环境光光强分布均匀近似表示： 为物体对环境光的反射系数清华大学清华大学 计算机图形学基础计算机图形学基础Phong光照明模型Phong光照明模型的综合表述：由物体表面上一点P反射到视点的光强I I为环境光的反射光强 、理想漫反射光强 、和镜面反射光 的总和。清华大学清华大学 计算机图形学基础计算机图形学基础Phong模型的实现对物体表面上的每个点P，均需计算光线的反射方向。为了减少计算量，假设：光源在无穷远处，L为常向量视点在无穷远处，V为常向量（HN）近似（RV），H为L与V的平分向量对所有的点总共只需计算一次H的值，节省了计算时间清华大学清华大学 计算机图形学基础计算机图形学基础Phong光照明模型的RGB颜色模型形式:清华大学清华大学 计算机图形学基础计算机图形学基础Phong光照明模型的不足Phong光照明模型是真实感图形学中提出的第一个有影响的光照明模型经验模型，Phong模型存在不足：显示出的物体象塑料，无质感变化没有考虑物体间相互反射光镜面反射颜色与材质无关镜面反射大入射角失真现象清华大学清华大学 计算机图形学基础计算机图形学基础Phong模型示例_1理想漫反射环境光+境面反射+=清华大学清华大学 计算机图形学基础计算机图形学基础Phong模型示例_2 清华大学清华大学 计算机图形学基础计算机图形学基础Demo清华大学清华大学 计算机图形学基础计算机图形学基础增量式光照明模型Phong模型光强计算公式是物体表面法向量的函数多边形内部的象素颜色相同不同法向的多边形邻接处有光强突变及马赫带效应保证多边形之间的颜色光滑过渡增量式光照明模型清华大学清华大学 计算机图形学基础计算机图形学基础基本思想在每个多边形顶点处计算光照明强度或参数，然后在各个多边形内部进行双线性插值，得到多边形光滑均匀颜色分布两个主要算法双线性光强插值、Gouraud明暗处理双线性法向插值、Phong明暗处理清华大学清华大学 计算机图形学基础计算机图形学基础Gouraud双线性光强插值Gouraud于1971年提出，又被称为Gouraud明暗处理计算多边形各顶点的光强，再用双线性插值，求出多边形内部各点的光强清华大学清华大学 计算机图形学基础计算机图形学基础算法描述算法步骤的基本描述：计算多边形顶点的平均法向用简单光照明模型计算顶点的平均光强插值计算离散多边形边上的各点光强插值计算多边形内域中各点的光强。清华大学清华大学 计算机图形学基础计算机图形学基础与某个顶点相邻的所有多边形的法向平均值近似作为该顶点的近似法向量顶点A相邻的多边形有k个，它的法向量计算为：计算出的平均法向一般与该多边形物体近似曲面的切平面比较接近顶点法向计算清华大学清华大学 计算机图形学基础计算机图形学基础顶点平均光强计算用Phong光照明模型及平均法向量计算在顶点A处的光强Gouraud提出明暗处理方法时，Phong模型还没有出现，采用：清华大学清华大学 计算机图形学基础计算机图形学基础光强插值双线性光强插值由顶点的光强插值计算各边的光强，然后由各边的光强插值计算出多边形内部点的光强清华大学清华大学 计算机图形学基础计算机图形学基础增量算法扫描线由j变成j+1,新扫描线上边点光强：扫描线内部，横坐标由i增为i+1，扫描线上象素点的光强：清华大学清华大学 计算机图形学基础计算机图形学基础Phong双线性法向插值双线性光强插值解决了相邻多边形之间的颜色突变问题，镜面反射效果不太理想，相邻多边形的边界处的马赫带效应不能完全消除改进Phong提出双线性法向插值，以时间为代价，引入镜面反射，解决高光问题清华大学清华大学 计算机图形学基础计算机图形学基础算法特点保留双线性插值，对多边形边上的点和内域各点，采用增量法。对顶点的法向量进行插值，而原顶点的法向量，仍用相邻多边形的法向作平均由插值得到法向，来计算多边形每个象素的光强度假定光源与视点均在无穷远处，光强只是法向量的函数。清华大学清华大学 计算机图形学基础计算机图形学基础法向插值方法方法与光强插值类似，其中的光强项用法向量项来代替。基本公式：增量插值计算也类似，用法向代替光强清华大学清华大学 计算机图形学基础计算机图形学基础增量式光照明模型评价双线性光强插值能有效的显示漫反射曲面，计算量小双线性法向插值可以产生正确的高光区域，但是计算量要大的多增量式光照明模型的不足物体边缘轮廓是折线段而非光滑曲线等间距扫描线会产生不均匀效果插值结果决定于插值方向清华大学清华大学 计算机图形学基础计算机图形学基础增量式模型示例牛的三角网格模型 用简单光照明模型显示 用增量式光照明模型显示清华大学清华大学 计算机图形学基础计算机图形学基础 Thanks! 清华大学清华大学 计算机图形学基础计算机图形学基础