计算机图形系统及图形硬.ppt

《计算机图形系统及图形硬.ppt》由会员分享，可在线阅读，更多相关《计算机图形系统及图形硬.ppt（96页珍藏版）》请在三一办公上搜索。

1、计算机图形学基础,华东理工大学计算机系 谢晓玲,第二章 计算机图形系统及图形硬件,计算机图形系统图形输入设备图形显示设备显示子系统图形硬拷贝设备OpenGL图形软件包,2,2.1 计算机图形系统,计算机图形系统的功能计算机图形系统的结构,3,4,计算机图形系统的功能,图2.1 计算机图形系统的5个功能,5,计算机图形系统的结构,图2.2 计算机图形系统的结构,2.2 图形输入设备,键盘（keyboard）键盘能用来进行屏幕坐标的输入、菜单选择、图形功能选择，以及输入那些如辅助图形显示的图片标记等非图形数据。,6,图形输入设备,鼠标器（mouse）当推动鼠标器在平面上移动时，鼠标将记录移动的方向

2、和距离，这个方向和距离被传送给计算机，转换成对应的光标的位移。,7,图形输入设备,光笔(light pen)定位、拾取、笔画跟踪,8,图2.3 光笔的结构,图形输入设备,触摸屏(touch screen)当用手指或者小杆触摸屏幕时，触点位置便以光学的（红外线式触摸屏）、电子的（电阻式触摸屏和电容式触摸屏）或声音的（声音探测式）方式记录下来。,9,图形输入设备,操纵杆(joystick)操纵杆是由一根小的垂直杠杆组成的可摇动装置，该杠杆装配在一个其四周可移动的底座上用来控制屏幕光标。,10,图2.5 操纵杆,图形输入设备,跟踪球（Trackball）和空间球（Spaceball）,11,图2.6

3、 跟踪球,图2.7 空间球,图形输入设备,数据手套(Data Glove)是一种戴在手上的传感器，可以用来抓住“虚拟对象”，它由一系列检测手和手指运动的传感器构成，用来提供关于手的位置和方向的信息。,12,图2.8 数据手套,图形输入设备,数字化仪(Digitizer)用于在二维或三维的图形对象上扫描，以输入一系列二维或三维的坐标值。这些坐标值代表的坐标点，在系统中将以直线段或曲线段连接，以逼近图形对象的描绘曲线或表面形状。,13,图形输入设备,图像扫描仪(Scaner)图像扫描仪可直接把图纸、图表、照片、广告画等输入到计算机中，在将它们传过一个光学扫描机构时，灰度或彩色等级被记录下来，并按图

4、像方式进行存储。,14,图形输入设备,声频输入系统视频输入系统,15,2.3 图形显示设备,阴极射线管彩色阴极射线管CRT图形显示器平板显示器三维观察设备,16,阴极射线管（CRT）,CRT（Cathode Ray Tube）是一种真空器件，它利用电磁场产生高速的、经过聚焦的电子束，偏转到屏幕的不同位置轰击屏幕表面的荧光材料而产生可见图形。CRT从结构上分为：电子枪、偏转系统、荧光屏。,17,阴极射线管（CRT）,18,阴极射线管（CRT）,电子枪：产生一个沿管轴（Z轴）方向前进的高速的细电子束轰击荧光屏。具有足够的电流强度。电流的大小和有无必须是可控的。具有很高的速度。在荧光屏上应能聚焦很小

5、的光亮，以保证显示器有足够的分辨率。,19,阴极射线管（CRT）,20,图2.12 两种CRT电子枪的结构,阴极射线管（CRT）,偏转系统 为了在荧光屏上显示图形及字符，必须用电子束偏转扫描来实现。分电偏转和磁偏转两种。,21,图2.13 磁偏转,阴极射线管（CRT）,枕形失真当偏转线圈的匝数一定时，偏转电流I与偏转角的正弦成正比。只有在偏转角很小时，偏转角与偏转电流之间才成直线性关系。由于荧光屏四角距中心最远，偏转角较大，同样的偏转电流增量所造成的偏转距离增量最大。,22,阴极射线管（CRT）,23,图2.9 枕形失真与桶形失真,枕形失真的校正将产生偏转磁场的锯齿形电流预先产生一些失真；将偏

6、转磁场做成略有不均匀性，接近管轴中央处略强，周围略弱。如图(c),24,图2.14 电偏转：两对偏转板 电子枪：通过控制栅，控制电子束的电子数；聚焦系统：将电子束聚焦成细束；加速电极：产生高速的电子束；偏转系统：控制电子束偏移；荧光屏：当被电子束轰击时产生亮点。,阴极射线管（CRT）,荧光屏（Phosphor Screen）荧光屏是用荧光粉涂敷在玻璃底壁上制成的，常用沉积法涂敷荧光粉。玻璃底壁要求无气泡，表面光学抛光。荧光粉的余辉特性：电子束轰击荧光屏时，荧光粉的分子受激发光；当电子束的轰击停止后，荧光粉的光亮没有立即消失，而是按指数规律衰减。余晖时间：荧光粉衰减时间,25,26,三基色原则主

7、要结构：三色荧光屏、三支电子枪、荫罩板,彩色阴极射线管荫罩式,图2.11 三色荧光屏,27,彩色阴极射线管荫罩式,图2.15 三支电子枪,28,彩色阴极射线管荫罩式,图2.15 荫罩,荧光屏上覆盖呈三角形分布的小荧光点阵，每个小荧光点阵涂有发红、绿、蓝三种荧光物质，电子枪可以发出三个电子束来激发这三种物质,中间通过一个控制栅格来决定三束电子到达的位置。,29,为了避免混色，荧光点的面积比电子束截面要大些。只有15%左右的电子到达屏幕。荫罩吸收大量电子，容易发热变形。管子的亮度低，要提高管子的亮度，则需提高第二阳极的高压。,图2.16 原理图,30,彩色阴极射线管荫罩式,图2.17 黑底荫罩管,

8、黑底管特点：荧光小点面积缩小，并被石墨包围，则不易发生混合；荫罩小孔的直径可以放大，亮度增加。,31,CRT图形显示器,随机扫描的图形显示器直视存储管图形显示器光栅扫描的图形显示器,32,向量（vector）显示器、笔划（Stroke writing）显示器。随机扫描（random-scan）的图形显示器中电子束的定位和偏转具有随机性，即电子束的扫描轨迹随显示内容而变化，只在需要的地方扫描，而不必全屏扫描。无冗余扫描、速度快、图像清晰、比光栅系统更高的分辨率、生成光滑线条；适用计算机图形处理，不能显示有阴影场景。,随机扫描的图形显示器,33,随机扫描的图形显示器,图2.18 随机扫描工作原理,

9、34,随机扫描的图形显示器,图2.19 随机扫描显示器的工作原理,35,直视存储管DVST（direct-view storage tube）从表面上看直视存储管的特性极象一个有长余辉的荧光屏，一条线一旦画在屏幕上，在一小时之内都将是可见的，其结构类似CRT。,直视存储管图形显示器,36,直视存储管图形显示器,图2.20 直视存储管图形显示器的工作原理,写电子枪将图形信息“写”在存储栅上；读出电子枪（泛流枪）能够将存储栅的信息“重写”到屏幕上；收集栅使读出的电子流均匀，并以垂直方向接近屏幕。,37,无需刷新；很复杂的图形都可以在极高的分辨率下无闪烁地显示；成本较低；不能显示彩色；不能局部修改；

10、擦除和重画过程可能持续较长时间。,直视存储管图形显示器,38,光栅扫描图形显示器,光栅扫描方式下，电子束自左而右，自上而下，形成一帧。光栅扫描有两种：隔行扫描、逐行扫描。,工作原理：光栅扫描是控制电子束按某种光栅形状进行的顺序扫描，而字符、图像是靠Z轴信号控制辉亮来形成的。,图2.22 光栅扫描图形显示器的工作原理,40,刷新缓冲存储器（refresh buffer）或称帧缓冲存储器（frame buffer），保存每个像素点亮度信息。像素（pixel或pel，是picture element的简写），荧光屏上光点。像素信息从应用程序转换并放入帧缓冲区的过程称之为扫描转换过程。,光栅扫描图形显

11、示器,光栅扫描图形显示器是画点设备，只能尽可能接近直线的像素点集来近似地表示直线，该直线呈锯齿状。采用反走样技术适当减轻这种锯齿效果。,光栅扫描图形显示器,图2.23 光栅扫描显示器绘图过程示意图,42,低电压、轻小型、数字化显示器件。平板显示器（flat-panel display）的分类：非发射显示器（none-emissive display）利用光学效应，将来自太阳或其他光源的光转换为图形图案，典型设备：液晶显示器发射显示器（emissive display）将电能转换为光能的设备，典型设备：等离子体显示器、薄片光电显示器、发光二极管等。,平板显示器（flat-panel displa

12、y）,43,液晶显示器(LCD,Liquid Crystal Display)等离子体显示板（Plasma Panel）薄片光电显示器（Thin-Film Electroluminescent Display）发光二极管（Liquid-Emitting Diode,LED）,平板显示器（flat-panel display）,44,某些有机化合物当其温度在液相和固相之间时所呈现出稳定的中间状态，其分子呈细长的棒状，在空间上具有一维的规则性排列，称为液晶。液晶分子的排列在微弱的外部电场、磁场或者应力、温度变化等作用下非常容易改变。当液晶分子的某种排列状态在电场作用下变为另一种状态时，液晶的光学性

13、质随之改变，这种产生光被电场调制的现象称为液晶的电光效应。,液晶显示器原理,液晶显示器利用液晶的电光效应，通过施加电压改变液晶的光学特性，造成对入射光的调制。即通过能阻塞或传递光的液晶材料，传递来自周围的或内部光源的偏振光。液晶夹层两边玻璃基板各有一个偏光板，它们的偏振方向互成90，液晶屏幕后面有一个背光。,45,液晶显示器原理,46,图2.24 液晶显示原理,液晶显示器原理,液晶材料在常态下分子呈“开态”(排列成螺旋形)，当光线穿过液晶层时，偏振方向会被旋转90，显示器呈亮点；当液晶材料在电场下分子呈“关态”(排列同一个方向)，当光线穿过液晶层时，不会旋转,显示器呈黑点。,可视角度：当视线与

14、屏幕中心法向成一定角度时，人们就不能清晰地看到屏幕图像，能看到清晰图像的最大角度。点距和分辨率：点距就是两个液晶颗粒(光点)之间的距离，一般0.28-0.32mm；只有在真实分辨率下液晶显示器才能得到最佳的显示效果。,48,NW（Normal White）型的LCD：在液晶面板不施加电压时，我们所看到的面板是透光的画面，也就是亮的画面。NB（Normal Black）型的LCD：当对液晶面板不施加电压时，面板无法透光。,液晶显示器类型,49,液晶显示器彩色,液晶显示器利用在一侧的玻璃基板上加上一个彩色滤光片（CF，Color Filter）实现彩色。彩色滤光片上均匀分布着红、绿、蓝色小点，每个

15、小点有各自不同的灰度，相邻的一组RGB小点构成一个基本的彩色显示单元，即一个像素。液晶分子排列对电压的响应时间称为反应时间，一般在612ms,50,液晶显示器彩色,图2.25 彩色滤光片排列方式,51,液晶显示器分类,扭曲向列型（TN，Twisted Nematic）超扭曲向列型（STN，Super TN）双层超扭曲向列型（DSTN，Dual Scan TN）薄膜晶体管型（TFT，Thin Film Transistor）,液晶显示器的主要基本技术指标 1)可视角度 由于液晶的成像原理是通过光的折射而不是像CRT那样由荧光点直接发光来实现的,因此在不同的角度看液晶显示屏必然会有不同的效果。2)

16、点距和分辨率 液晶屏幕的点距就是两个液晶颗粒(光点)之间的距离,一般点距为0.280.32 mm就能得到较好的显示效果。通常所说的液晶显示器的分辨率是指其真实分辨率，1024768、1280720、19201080，,液晶显示器技术指标,53,等离子体显示板,图2.26 等离子体显示板的基本结构,第一层里面涂有导电材料的垂直条；中间层是用许多小氖气灯泡构成的平板阵列，每个灯泡处于“开”或“关”状态；第三层的表面涂有导电材料的水平条。如图所示。要点亮某个地址的灯泡，开始要在相应行上加上较高电压，等该灯泡点亮后，用低电压维持氖气灯泡的亮度，关掉某个灯泡后，只要将相应的电压降低即可。灯泡开关的周期为

17、15毫秒，通过改变控制电压，可以使等离子板显示不同灰度的图形。等离子板的优点是平板式、透明、显示图形无锯齿现象，不需要刷新。目前典型的等离子板可以做到15英寸左右，每英寸装有大约175个灯泡。,55,薄片光电显示器,图2.27 薄片光电显示器的基本结构,56,发光二极管（LED）,发光二极管采用二极管激发发光来显示图像。二极管以矩阵排列形成显示器的像素位置。图形的定义存储在刷新缓冲器中。信息从刷新缓冲器读出，并转换为电压施于二极管，在显示器上产生发光图案。,57,从变焦距的柔性震动镜面反射CRT图像,三维观察设备,图2.24 采用震动镜面的三维显示系统,58,显示具立体感的视图利用不同的刷新周

18、期交替地显示两视图；将屏幕分半；使用头盔式结构。,三维观察设备,2.4 显示子系统,光栅扫描图形显示子系统的结构绘制流水线相关概念,59,帧缓存寄存器(Frame Buffer)存储像素颜色（灰度）值的存储器。与电视机不同的是,光栅扫描显示系统的显示内容来自帧缓存。显示控制器(Display Controller)依据设定的显示工作方式，自主地、反复不断地读取帧缓存中的图像点阵数据，转换成R、G、B三色信号并配以同步信号送至显示器，即可刷新屏幕。,光栅扫描显示系统,光栅扫描图形显示子系统的结构,61,图2.29 简单的光栅图形显示子系统帧缓存可以在系统主存的任何位置，显示控制器访问帧缓存均须通

19、过系统总线。,62,图2.30 常用的光栅图形显示子系统帧缓存可以被显示控制器直接访问。由CPU完成扫描转换。,光栅扫描图形显示子系统的结构,63,图2.31 高级的光栅图形显示子系统处理器存储器主要存放程序和数据；显示处理器(Display Coprocessor)主要任务是扫描转换以及某些附加的操作等。帧缓存包括颜色缓存、深度缓存以及其他缓存。,光栅扫描图形显示子系统的结构,64,图形子系统的图形绘制功能常常采用流水线（Pipeline）结构绘制，或者称为管线绘制。绘制流水线的基本结构从概念上包括三个阶段应用程序阶段几何阶段光栅阶段：实现扫描转换,绘制流水线,图2.32 绘制流水线的结构,

20、65,分辨率像素与帧缓存颜色查找表显示长宽比屏幕坐标系,相关概念,66,光点一般是指电子束打在显示器的荧光屏上，显示器能够显示的最小的发光点。像素点是指图形显示在屏幕上时候，按当前的图形显示分辨率所能提供的最小元素点。,相关概念分辨率,67,屏幕分辨率，也称为光栅分辨率，它决定了显示系统最大可能的分辨率，任何显示控制器所提供的分辨率也不能超过这个物理分辨率。通常用水平方向上的光点数与垂直方向上的光点数的乘积来表示。,相关概念分辨率,68,显示分辨率是计算机显示控制器所能够提供的显示模式分辨率，实际应用中简称为显示模式。对于文本显示方式，显示分辨率用水平和垂直方向上所能显示的字符总数的乘积表示。

21、对于图形显示方式，则用水平和垂直方向上所能显示的象素点总数的乘积表示。显示分辨率不同，它所对应的象素点大小也不同。,相关概念分辨率,69,图形的存储分辨率是指帧缓冲区的大小，一般用缓冲区的字节数表示。存储分辨率不仅与显示分辨率有关，还与像素点的色彩有关。帧缓存大小的计算：x方向的像素点数y方向的像素点数log2n/8（BYTE）其中：n为颜色数或灰度等级数,相关概念分辨率,70,颜色深度图像的每个像素的颜色（或灰度）信息被量化后，将用若干位二进制数表示，这个数的位数就是颜色深度，记作位/像素（bpp：bits per pixel）。颜色深度反映图像所用的颜色的总数。,相关概念分辨率,71,屏幕

22、分辨率决定了所能显示的最高分辨率。显示分辨率和存储分辨率对所能显示的图形分辨率有控制作用。显示器中的分辨率 带宽=A*水平像素点数*垂直像素点数*刷新频率 A常取1.344,相关概念分辨率,72,屏幕上一个象素点就对应帧缓存中的一组信息。组合像素法（Packed Pixel Method）颜色位面法（Color Plane Method）,相关概念像素与帧缓存,73,在组合像素法中，一个图形象素点的全部信息被编码成一个数据字节，按照一定方式存储到帧缓存中，编码字节的长度与点的属性（如颜色、灰度等）有关。在颜色位面法中，帧缓存被分成若干独立的存储区域，每一个区域称为一个位面（Bit Plane）

23、，每个位面控制一种颜色或者灰度，每一个图形象素点在每个位面中占一位，通过几个位面中的同一位组合成一个象素。,相关概念像素与帧缓存,图2.33 具有24位面彩色帧缓存显示器每个电子枪有8个位面的帧缓存和8位数模转换器，每支电子枪的强度有256(8位)个等级，则能显示256*256*256=16兆种颜色，16兆种颜色也称作(24位)真彩色。,相关概念像素与帧缓存,75,颜色查找表(Color Lookup Table,CLT)也称调色板，是由高速的随机存储器组成，用来储存表达象素色彩的代码。此时帧缓冲存储器中每一象素对应单元的代码不再代表该象素的色彩值，而是作为查色表的地址索引。,相关概念颜色查找

24、表,调色板的每个单元所包含的W位数一般大于帧缓存的单个像素点所占用的n位数（色彩值位数）。每屏可显示的颜色数由帧缓存中单个像素点所占的n位数决定。,图2.35 具有n位面彩色帧缓存和W位颜色查找表的显示器,78,显示长宽比，即水平点数与垂直点数之比。要求在屏幕两个方向上相同像素点数产生同样长度的线段，以使图形不至发生畸变。比如：屏幕长宽比是4:3，则显示分辨率可为640480、800600、1024768等。,相关概念显示长宽比,79,相关概念屏幕坐标系,图2.36 不同显示器的坐标,2.5 图形硬拷贝设备,打印机绘图仪,80,打印机,打印机是画点设备。击式打印机主要指针式打印机，它隔着色带将

25、某种点阵图案压在纸上。非撞击式打印机包括激光打印机、喷墨打印机、热转印打印机、染料热升华打印机和静电打印机等。,81,绘图仪,笔式绘图仪（Pen Plotter）是画线设备。笔式绘图仪可分为平板式绘图仪（Flatbed Plotter）和滚筒式绘图仪（Drum Plotter）,82,2.6 OpenGL图形软件包,OpenGL的主要功能OpenGL的绘制流程OpenGL的基本语法OpenGL的程序实例,83,OpenGL图形软件包,OpenGL是SGI（Silicon Graphics Inc.）公司对IRIS GL进行改进，扩展可移植性，形成的一个跨平台开放式图形编程接口。目前，OpenG

26、L标准由1992年成立的独立财团OpenGL Architecture Review Board（ARB）以投票方式产生，并制成规范文档公布。,84,OpenGL的主要功能,模型绘制模型观察颜色模式光照应用图像效果增强位图和图像处理,85,OpenGL的主要功能,纹理映射实时动画交互技术,86,OpenGL的绘制流程工作方式,87,图2.37 OpenGL图形处理系统在计算机系统中的层次结构,一个完整的窗口系统的OpenGL图形处理系统的结构为：最底层为图形硬件，第二层为操作系统，第三层为窗口系统，第四层为OpenGL，最上面的层为应用软件。,OpenGL的绘制流程流水线,88,图2.38 一

27、条简化的OpenGL绘制流水线,OpenGL命令将被放在一个命令缓冲区中，这样命令缓冲区中包含了大量的命令、顶点数据和纹理数据。只有当缓冲区被清空时，缓冲区中的命令和数据都将传递给流水线的下一个阶段。,OpenGL的基本语法相关库,89,OpenGL核心库：glOpenGL实用程序库：gluOpenGL编程辅助库：auxOpenGL实用程序工具包（OpenGL utility toolkit，GLUT）：glutWindows专用库：wgl,OpenGL的基本语法命名规则,90,OpenGL函数都遵循一个命名约定，即采用以下格式：例如函数glColor3f()，gl表示这个函数来自库gl.h，

28、color表示该函数用于颜色设定，3f表示这个函数采用了三个浮点数参数。,OpenGL的基本语法数据类型,91,表2.2 OpenGL的数据结构,OpenGL程序实例头文件包含,92,利用OpenGL实现图形绘制，首先要引入OpenGL核心库以及其他需要使用的库的头文件。GLUT保证了gl.h和glu.h被正确包含。#include#include,OpenGL程序实例窗口管理,93,初始化（glutInit）创建窗口（glutCreateWindow）设定窗口的显示模式（glutInitDisplayMode）指定窗口的位置和大小（glutInitWindowPosition和glutIni

29、tWindowSize）指定窗口的显示内容函数（glutDisplayFunc）运行框架（glutMainLoop）,OpenGL程序实例绘制图形,94,指定窗口背景色（glClearColor）颜色管理，使用RGB颜色模型。一种颜色用红、绿、蓝三种颜色成分混合而成，每种颜色成分使用0.0到1.0之间的任意有效浮点数来表示颜色值。,OpenGL程序实例绘制图形,95,表2.3 OpenGL的一些常用混合色,OpenGL程序实例绘制图形,96,刷新窗口的缓冲区（glClear）设定投影参数 glMatrixMode(GL_PROJECTION);gluOrtho2D(0.0,200.0,0.0,150.0);绘制图形 glRectf(50.0f,100.0f,150.0f,50.0f);,