计算机图形学基础教程

计算机图形学基础教程清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第一页，共六十六页，2022年，8月28日清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二页，共六十六页，2022年，8月28日清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三页，共六十六页，2022年，8月28日内容颜色视觉 简单光照明模型局部光照明模型 光透射模型纹理及纹理映射 整体光照明模型实时真实感图形学技术清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四页，共六十六页，2022年，8月28日4．1 颜色视觉分析以下的基本现象：为什么计算R、G、B三个分量就可以使人有颜色的视觉感觉？清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五页，共六十六页，2022年，8月28日基本概念颜色是外来的光刺激作用于人的视觉器官而产生的主观感觉，影响的因素有：物体本身光源周围环境观察者的视觉系统清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第六页，共六十六页，2022年，8月28日颜色的特性颜色的三个视觉特性(心理学度量）色调(Hue)一种颜色区别于其他颜色的因素，如：红、绿、蓝饱和度(Saturation)颜色的纯度亮度(Lightness) 光给人的刺激的强度清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第七页，共六十六页，2022年，8月28日对应的颜色物理特性主波长（DominantWavelength)

产生颜色光的波长，对应于视觉感知的色调纯度(Purity)对应于饱和度明度(Luminance)对应于光的亮度清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第八页，共六十六页，2022年，8月28日颜色纺锤体颜色三特性的空间表示垂直轴线表示白黑亮度变化水平圆周上的不同角度点 代表了不同色调的颜色从圆心向圆周过渡表示 同一色调下饱和度的提高

平面圆形上的色调和饱和度不同，而亮度相同清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第九页，共六十六页，2022年，8月28日光的物理知识光是人的视觉系统能够感知到的电磁波波长在400nm到700nm之间(1nm=10-9m)光可以由它的光谱能量分布来表示各种波长的能量 大致相等， 为白光清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十页，共六十六页，2022年，8月28日各波长的能量 分布不均匀， 为彩色光包含一种波长 的能量，其他 波长都为零， 是单色光清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十一页，共六十六页，2022年，8月28日光谱能量分布定义颜色十分麻烦光谱与颜色的对应关系是多对一两种光的光谱分布不同而颜色相同的现象称为“异谱同色”必须采用其他的定义颜色的方法， 使光本身与颜色一一对应清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十二页，共六十六页，2022年，8月28日三色学说颜色视觉及真实感图形学的生理基础，颜色科学中最基本、最重要的理论颜色具有恒常性，颜色之间的对比效应能使人区分不同颜色颜色具有混合性，牛顿在十七世纪后期用棱镜把太阳光分散成光谱上的颜色光带，证明白光由很多颜色光混合而成清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十三页，共六十六页，2022年，8月28日十九世纪初Yaung提出某种波长的光可以通过三种不同波长的光混合而复现出来的假说红（R）、绿（G）、蓝（B）三原色把三种原色按照不同的比例混合就能准确的复现其他任何波长的光三原色等量混合产生白光Maxwell用旋转圆盘证实了Yaung假设。清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十四页，共六十六页，2022年，8月28日1862年，Helmhotz在上面的基础上提出颜色视觉机制学说，即三色学说，也称为三刺激理论用三种原色能够产生各种颜色的三色原理是当今颜色科学中最重要的原理和学说清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十五页，共六十六页，2022年，8月28日近代三色学说视网膜中存在着三种椎体细胞，对光刺激的兴奋程度不同，分别感受红、绿、蓝光。作用与颜色混合相同黄光刺激眼睛的例子三色学说是真实感图形学中RGB颜色模型提出的理论基础清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十六页，共六十六页，2022年，8月28日CIE色度图三色学说原理说明任何一种颜色可以用红、绿、蓝三原色按照不同比例混合来得到。还有如何使三原色按某唯一比例混合复现给定颜色的问题。颜色匹配－混合光与给定光的颜色相同CIE－国际照明委员会选取的标准红、绿、蓝三种光(700,546,435.8)清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十七页，共六十六页，2022年，8月28日CIE-RGB系统光的颜色匹配式子：权值r、g、b为颜色匹配中所需要的R、G、B三色光的相对量1931年，CIE给出 等能标准三原色 匹配任意颜色的 光谱三刺激值曲线清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十八页，共六十六页，2022年，8月28日CIE-XYZ系统CIE-RGB曲线一部分三刺激值是负数，表明只能在给定光上叠加曲线中负值对应的原色，去匹配另两种原色的混合计算不便，不易理解1931年CIE-XYZ系统，利用三种假想的标准原色X、Y、Z，使颜色匹配三刺激值都是正值：任何颜色都能由标准三原色混合匹配（三刺激值是正的）清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第十九页，共六十六页，2022年，8月28日色度图复现颜色的三原色比例值是否唯一？三刺激空间－用三原色的单位向量定 义三维颜色空间颜色刺激表示为三刺激空间中以原点为起点的向量，向量的方向代表颜色清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十页，共六十六页，2022年，8月28日三刺激空间清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十一页，共六十六页，2022年，8月28日在三刺激空间上取通过（R）、（G）、（B）坐标轴单位向量的截面，截面的方程为（R）＋（G）＋（B）＝1。该截面与三个坐标平面的交线构成一个等边三角形，称为色度图颜色刺激向量与色度图有且仅有唯一交点，色度图可以唯一的表示三刺激空间中的所有颜色值清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十二页，共六十六页，2022年，8月28日色度图上每一个点代表不同的颜色，对于三刺激空间中坐标为X、Y、Z的颜色刺激向量Q，它与色度图交点的坐标（x，y，z）即三刺激值也被称为色度值清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十三页，共六十六页，2022年，8月28日CIE色度图CIE色度图－色度图投影到XY平面上马蹄形区域的边界和内部代表了所有可见光的色度值边界弯曲部分代表了光谱在某种纯度为百分之百的色光色度图与三刺激值是描述颜色的标准精确方法，应用较复杂清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十四页，共六十六页，2022年，8月28日CIE色度图Z=1-X-Y二维表示清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十五页，共六十六页，2022年，8月28日常用颜色模型颜色模型是指某个三维颜色空间中的一个可见光子集，包含某个颜色域的所有颜色颜色模型的用途是在某个颜色域内方便地指定颜色清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十六页，共六十六页，2022年，8月28日RGB颜色模型通常使用于彩色光栅图形显示设备中真实感图形学中的主要的颜色模型采用三维直角坐标系RGB立方体清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十七页，共六十六页，2022年，8月28日红、绿、蓝原色混合在一起可以产生复合色三原色混合效果清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十八页，共六十六页，2022年，8月28日CMY颜色模型以红、绿、蓝的补色青、品红、黄为原色构成的颜色模型常用于从白光中滤去某种颜色，又被称为减性原色系统，在白色中减去某种颜色来定义一种颜色用于印刷行业中(见下页)清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第二十九页，共六十六页，2022年，8月28日印刷硬拷贝设备的颜色处理：在白纸面上涂黄色和品红色， 纸面上将呈现红色,因为 白光被吸收了蓝光和绿光， 只能反射红光RGB颜色模型与

CMY颜色模型都是面向硬件模型清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十页，共六十六页，2022年，8月28日HSV颜色模型HSV颜色模型是面向用户的对应圆柱坐标系的圆锥形子集圆锥的顶面对应于V=1色彩H由绕V轴的旋转角给定饱和度S取值从0到1， 由圆心向圆周过渡清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十一页，共六十六页，2022年，8月28日画家配色方法HSV模型对应画家的配色的方法在一种纯色中加入白色以改变色浓，加入黑色以改变色深。同时加入不同比例的白色，黑色即可得到不同色调的颜色清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十二页，共六十六页，2022年，8月28日RGB模型与HSV模型联系RGB立方体从白色顶点沿着主对角线向原点方向投影，可以得到一个正六边形，该六边形是HSV圆锥顶面的一个真子集RGB空间的主对角线， 对应于HSV空间的V轴清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十三页，共六十六页，2022年，8月28日4．2 简单光照明模型模拟物体表面的光照明物理现象的数学模型－光照明模型简单光照明模型只考虑光源对物体的直接光照清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十四页，共六十六页，2022年，8月28日早期发展1967年，Wylie等人第一次在显示物体时加进光照效果，认为光强与距离成反比。1970年，Bouknight提出第一个光反射模型：Lambert漫反射＋环境光1971年，Gouraud提出漫反射模型加插值的思想1975年，Phong提出图形学中第一个有影响的光照明模型清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十五页，共六十六页，2022年，8月28日相关物理知识光的传播反射定律：入射角等于反射角，而且反射光线、入射光线与法向量在同一平面上清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十六页，共六十六页，2022年，8月28日折射定律折射定律：折射线在入射线与法线构成的平面上，折射角与入射角满足清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十七页，共六十六页，2022年，8月28日能量关系在光的反射和折射现象中的能量分布：下标为i,d,s,t,v的能量项分别表示为入射光强，漫反射光强，镜面反射光强，透射光强，吸收光强能量是守恒的清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十八页，共六十六页，2022年，8月28日光的度量立体角：面元ds向点光源P所张的立体角为点发光强度单位时间内通过面元ds的光能量为光通量dF点发光强度为某个方向上单位立体角的内的光通量清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第三十九页，共六十六页，2022年，8月28日Phong光照明模型简单光照明模型模拟物体表面对光的反射作用光源为点光源反射作用分为镜面反射(SpecularReflection)漫反射(DiffuseReflection)物体间作用用环境光(AmbientLight)表示清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十页，共六十六页，2022年，8月28日Phong模型几何清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十一页，共六十六页，2022年，8月28日Phong模型的表示理想漫反射漫反射光均匀向各方向传播，与视点无关由Lambert余弦定律，漫反射光强为是与物体有关的漫反射系数，漫反射系数有三个分量 ，分别代表RGB三原色的漫反射系数，通过调整它们来设定物体的颜色清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十二页，共六十六页，2022年，8月28日镜面反射光对一般的光滑表面，反射光集中在一个范围内，且由反射定律决定的反射方向光强最大镜面反射光强可表示为是与物体有关的镜面反射系数，n为反射指数，反映物体表面的光泽程度，数目越大物体表面越光滑清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十三页，共六十六页，2022年，8月28日反射方向计算镜面反射光将会在反射方向附近形成很亮的光斑，称为高光现象镜面反射光产生的高光区域只反映光源的颜色镜面反射系数是一个与物体的颜色无关的参数清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十四页，共六十六页，2022年，8月28日环境光环境光是指光源间接对物体的影响光在物体和环境之间多次反射，最终达到平衡同一环境下的环境光光强分布均匀近似表示：为物体对环境光的反射系数清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十五页，共六十六页，2022年，8月28日Phong光照明模型Phong光照明模型的综合表述：由物体表面上一点P反射到视点的光强I为环境光的反射光强、理想漫反射光强、和镜面反射光的总和。清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十六页，共六十六页，2022年，8月28日Phong模型的实现对物体表面上的每个点P，均需计算光线的反射方向。为了减少计算量，假设：光源在无穷远处，L为常向量视点在无穷远处，V为常向量（H•N）近似（R•V），H为L与V的平分向量对所有的点总共只需计算一次H的值，节省了计算时间清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十七页，共六十六页，2022年，8月28日Phong光照明模型的RGB颜色模型形式:清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十八页，共六十六页，2022年，8月28日Phong光照明模型的不足Phong光照明模型是真实感图形学中提出的第一个有影响的光照明模型经验模型，Phong模型存在不足：显示出的物体象塑料，无质感变化没有考虑物体间相互反射光镜面反射颜色与材质无关镜面反射大入射角失真现象清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第四十九页，共六十六页，2022年，8月28日Phong模型示例_1理想漫反射环境光+境面反射+=清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十页，共六十六页，2022年，8月28日Phong模型示例_2

清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十一页，共六十六页，2022年，8月28日Demo清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十二页，共六十六页，2022年，8月28日增量式光照明模型Phong模型光强计算公式是物体表面法向量的函数多边形内部的象素颜色相同不同法向的多边形邻接处有光强突变及马赫带效应保证多边形之间的颜色光滑过渡－增量式光照明模型清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十三页，共六十六页，2022年，8月28日基本思想在每个多边形顶点处计算光照明强度或参数，然后在各个多边形内部进行双线性插值，得到多边形光滑均匀颜色分布两个主要算法双线性光强插值、Gouraud明暗处理双线性法向插值、Phong明暗处理清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十四页，共六十六页，2022年，8月28日Gouraud双线性光强插值Gouraud于1971年提出，又被称为

Gouraud明暗处理计算多边形各顶点的光强， 再用双线性插值， 求出多边形内部各点的光强清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十五页，共六十六页，2022年，8月28日算法描述算法步骤的基本描述：计算多边形顶点的平均法向用简单光照明模型计算顶点的平均光强插值计算离散多边形边上的各点光强插值计算多边形内域中各点的光强。清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十六页，共六十六页，2022年，8月28日与某个顶点相邻的所有多边形的法向平均值近似作为该顶点的近似法向量顶点A相邻的多边形有k个，它的法向量计算为：计算出的平均法向一般与该多边形物体近似曲面的切平面比较接近顶点法向计算清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十七页，共六十六页，2022年，8月28日顶点平均光强计算用Phong光照明模型及平均法向量计算在顶点A处的光强Gouraud提出明暗处理方法时，Phong模型还没有出现，采用：清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十八页，共六十六页，2022年，8月28日光强插值双线性光强插值由顶点的光强插值计算各边的光强，然后由各边的光强插值计算出多边形内部点的光强清华大学计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础计算机图形学基础第五十九页，共六十六页，2022年，8月28日增量算法扫描线由j变成j+1,新扫描线上边点光强：扫描线内部，横坐标由i增为i+1，扫描线上象素点的光强：清华大学计算机图形学基