javaee论坛

普通会员

225648

帖子

344

回复

358

积分

楼主
发表于 2019-11-03 06:34:19 | 查看: 419 | 回复: 1

文章目录1预备知识1.1坐标系1.2投影1.3视景体1.4视口1.5视点1.6OpenGL变换2安装pyopengl3OpenGL库及函数简介3.1OpenGL核心库GL3.2OpenGL实用库GLU3.3OpenGL工具库GLUT3.4Windows专用库WGL4开始OpenGL的奇幻之旅4.1OpenGL基本图形的绘制4.1.1设置颜色4.1.2设置顶点4.1.3绘制基本图形4.2第一个OpenGL程序4.3设置初始显示模式4.4初始化画布4.5清除屏幕及深度缓存4.5设置投影4.6设置视点4.7设置视口4.8设置模型视图4.9捕捉鼠标事件、键盘事件和窗口事件4.10综合应用4.11小结5加速渲染5.1创建顶点缓冲区对象(VBO)5.2分离顶点混合数组5.3使用顶点缓冲区对象(VBO)6致谢7后记

1预备知识

OpenGL是OpenGraphicsLibrary的简写,意为“开放式图形库”,是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。OpenGL不是一个独立的平台,因此,它需要借助于一种编程语言才能被使用。C/C++/python/java都可以很好支持OpengGL,我当然习惯性选择python语言。

如果读者是python程序员,并且了解numpy,接下来的阅读应该不会有任何障碍;否则,我建议先花半小时学习一下python语言。关于numpy,可以参考我的另一篇博文《数学建模三剑客MSN》。事实上,我觉得python语言近乎于自然语言,只要读者是程序员,即便不熟悉python,读起来也不会有多大问题。

另外,读者也不必担心数学问题。使用OpenGL不需要具备多么高深的数学水平,只要能辅导初中学生的数学作业,就足够用了。

1.1坐标系

在OpenGL的世界里,有各式各样的坐标系。随着对OpenGL概念的理解,我们至少会接触到六种坐标系,而初始只需要了解其中的三个就足够用了(第一次阅读这段话的时候,只需要了解世界坐标系就可以了)。

世界坐标系(WorldCoordinates)

世界坐标系是右手坐标系,以屏幕中心为原点(0,0,0),且是始终不变的。

视点坐标系(EyeorCameraCoordinates)

视点坐标是以视点为原点,以视线的方向为Z+轴正方向的坐标系。OpenGL管道会将世界坐标先变换到视点坐标,然后进行裁剪,只有在视线范围(视景体)之内的场景才会进入下一阶段的计算。

屏幕坐标系(WindoworScreenCoordinates)

OpenGL的重要功能之一就是将三维的世界坐标经过变换、投影等计算,最终算出它在显示设备上对应的位置,这个位置就称为设备坐标。在屏幕、打印机等设备上的坐标是二维坐标。值得一提的是,OpenGL可以只使用设备的一部分进行绘制,这个部分称为视区或视口(viewport)。投影得到的是视区内的坐标(投影坐标),从投影坐标到设备坐标的计算过程就是设备变换了。

1.2投影

三维场景中的物体最终都会显示在类似屏幕这样的二维观察平面上。将三维物体变为二维图形的变换成为投影变换。最常用的投影有两种:平行投影和透视投影。如下图所示,F是投影面,p1p2为三维空间中的一条直线,p’1和p’2分别是p1和p2在F上的投影,虚线表示投影线,O为投影中心。

平行投影这里所说的平行投影,特指正交平行投影——投影线垂直于投影面。将一个三维点(x,y,z)正交平行投影到xoy平面上,则投影点坐标为(x,y,0)。由于平行投影丢弃了深度信息,所以无法产生真实感,但可以保持物体之间相对大小关系不变。

透视投影透视投影将投影面置于观察点和投影对象之间,距离观察者越远的物体,投影尺寸越小,投影效果具有真实感,常用于游戏和仿真领域。

1.3视景体

无论是平行投影还是透视投影,投影成像都是在投影面上——我们可以把投影面理解成显示屏幕。世界坐标系描述的三维空间是无限的,投影平面是无限的,但(我们能够看到的)屏幕面积总是有限的,因此在投影变换时,通常只处理能够显示在屏幕上的那一部分三维空间。从无限三维空间中裁切出来的可以显示在屏幕上的部分三维空间,我们称之为视景体。视景体有六个面,分别是左右上下和前后面。

对于平行投影而言,视景体是一个矩形平行六面体;对于透视投影来说,视景体是一个棱台。理解这一点并不难:因为越远处的物体在投影窗口的透视投影越小,也就意味着填满投影窗口需要更大的体量,视景体自然就变成了棱台。

1.4视口

对于平行投影而言,视口就是由视景体的左右上下四个面围成的矩形,对于透视投影来说,视口就是视景体的前截面在投影窗口上的透视投影。

视口是OpenGL中比较重要的概念,现阶段可以简单理解成屏幕(或其他输出设备)。事实上,视口和屏幕是相关但又不相同的,屏幕有固定的宽高比,而视口大小可以由用户自行定义。通常,为了适应不同宽高比的屏幕,在设置视口时,会根据屏幕宽高比调整视景体(增加宽度或高度)。

1.5视点

现实生活中,人们看到的三维空间物体的样子取决于观察者站在什么角度去看。这里面包含着三个概念:

观察者的位置:眼睛在哪儿?观察者的姿势:站立还是倒立?左侧卧还是右侧卧?观察对象:眼睛盯着哪里?

对应在OpenGL中,也有同样的概念,即视点的位置、瞄准方向的参考点,以及(向上的)方向。

1.6OpenGL变换

下图是三维图形的显示流程。世界坐标系中的三维物体经过视点变换和一系列几何变换(平移、旋转、缩放)之后,坐标系变换为视点坐标系;经过投影和裁剪之后,坐标系变换为归一化设备坐标系;最后经过视口变换显示在屏幕上,相应地,坐标系变成了窗口坐标系。

视点变换:相当于设置视点的位置和方向模型变换:包括平移、旋转、缩放等三种类型裁剪变换:根据视景体定义的六个面(和附加裁剪面)对三维空间裁剪视口变换:将视景体内投影的物体显示在二维的视口平面上2安装pyopengl

如果想当然地使用pip如下所示安装,可能会有一些麻烦。

pipinstallpyopengl

当我这样安装之后,运行OpenGL代码,得到了这样的错误信息:

NullFunctionError:AttempttocallanundefinedfunctionglutInit,checkforbool(glutInit)beforecalling

原来,pip默认安装的是32位版本的pyopengl,而我的操作系统是64位的。建议点击这里下载适合自己的版本,直接安装.whl文件。我是这样安装的:

pipinstallPyOpenGL-3.1.3b2-cp37-cp37m-win_amd64.whl3OpenGL库及函数简介

我第一次接触OpenGL的GL/GLU/GLUT的时候,一下就被这些长得像孪生兄弟的库名字给整懵圈了,要不是内心强大,也许就跟OpenGL说再见了。时间久了才发现,OpenGL的库及函数命名规则非常合理,便于查找、记忆。

OpenGL函数的命名格式如下:

<库前缀><根命令><可选的参数个数><可选的参数类型>

常见的库前缀有gl、glu、glut、aux、wgl、glx、agl等。库前缀表示该函数属于OpenGL哪一个开发库。从函数名后面中还可以看出需要多少个参数以及参数的类型。I代表int型,f代表float型,d代表double型,u代表无符号整型。例如glColor3f()表示了该函数属于gl库,参数是三个浮点数。

OpenGL函数库相关的API有核心库(gl)、实用库(glu)、实用工具库(glut)、辅助库(aux)、窗口库(glx、agl、wgl)和扩展函数库等。gl是核心,glu是对gl的部分封装。glut是为跨平台的OpenGL程序的工具包,比aux功能强大。glx、agl、wgl是针对不同窗口系统的函数。扩展函数库是硬件厂商为实现硬件更新利用OpenGL的扩展机制开发的函数。本文仅对常用的四个库做简单介绍。

3.1OpenGL核心库GL

核心库包含有115个函数,函数名的前缀为gl。这部分函数用于常规的、核心的图形处理。此函数由gl.dll来负责解释执行。由于许多函数可以接收不同数以下几类。据类型的参数,因此派生出来的函数原形多达300多个。核心库中的函数主要可以分为以下几类函数:

绘制基本几何图元的函数:glBegain()、glEnd()、glNormal*()、glVertex*()

矩阵操作、几何变换和投影变换的函数:如矩阵入栈函数glPushMatrix(),矩阵出栈函数glPopMatrix(),装载矩阵函数glLoadMatrix(),矩阵相乘函数glMultMatrix(),当前矩阵函数glMatrixMode()和矩阵标准化函数glLoadIdentity(),几何变换函数glTranslate*()、glRotate*()和glScale*(),投影变换函数glOrtho()、glFrustum()和视口变换函数glViewport()

颜色、光照和材质的函数:如设置颜色模式函数glColor*()、glIndex*(),设置光照效果的函数glLight*()、glLightModel*()和设置材质效果函数glMaterial()

显示列表函数:主要有创建、结束、生成、删除和调用显示列表的函数glNewList()、glEndList()、glGenLists()、glCallList()和glDeleteLists()

纹理映射函数:主要有一维纹理函数glTexImage1D()、二维纹理函数glTexImage2D()、设置纹理参数、纹理环境和纹理坐标的函数glTexParameter*()、glTexEnv*()和glTetCoord*()

特殊效果函数:融合函数glBlendFunc()、反走样函数glHint()和雾化效果glFog*()

光栅化、象素操作函数:如象素位置glRasterPos*()、线型宽度glLineWidth()、多边形绘制模式glPolygonMode(),读取象素glReadPixel()、复制象素glCopyPixel()

选择与反馈函数:主要有渲染模式glRenderMode()、选择缓冲区glSelectBuffer()和反馈缓冲区glFeedbackBuffer()

曲线与曲面的绘制函数:生成曲线或曲面的函数glMap*()、glMapGrid*(),求值器的函数glEvalCoord*()glEvalMesh*()

状态设置与查询函数:glGet*()、glEnable()、glGetError()

3.2OpenGL实用库GLU

包含有43个函数,函数名的前缀为glu。OpenGL提供了强大的但是为数不多的绘图命令,所有较复杂的绘图都必须从点、线、面开始。Glu为了减轻繁重的编程工作,封装了OpenGL函数,Glu函数通过调用核心库的函数,为开发者提供相对简单的用法,实现一些较为复杂的操作。此函数由glu.dll来负责解释执行。OpenGL中的核心库和实用库可以在所有的OpenGL平台上运行。主要包括了以下几种:

辅助纹理贴图函数:gluScaleImage()、gluBuild1Dmipmaps()、gluBuild2Dmipmaps()

坐标转换和投影变换函数:定义投影方式函数gluPerspective()、gluOrtho2D()、gluLookAt(),拾取投影视景体函数gluPickMatrix(),投影矩阵计算gluProject()和gluUnProject()

多边形镶嵌工具:gluNewTess()、gluDeleteTess()、gluTessCallback()、gluBeginPolygon()、gluTessVertex()、gluNextContour()、gluEndPolygon()

二次曲面绘制工具:主要有绘制球面、锥面、柱面、圆环面gluNewQuadric()、gluSphere()、gluCylinder()、gluDisk()、gluPartialDisk()、gluDeleteQuadric()

非均匀有理B样条绘制工具:主要用来定义和绘制Nurbs曲线和曲面,包括gluNewNurbsRenderer()、gluNurbsCurve()、gluBeginSurface()、gluEndSurface()、gluBeginCurve()、gluNurbsProperty()

错误反馈工具:获取出错信息的字符串gluErrorString()

3.3OpenGL工具库GLUT

包含大约30多个函数,函数名前缀为glut。glut是不依赖于窗口平台的OpenGL工具包,由MarkKLilgrad在SGI编写(现在在Nvidia),目的是隐藏不同窗口平台API的复杂度。函数以glut开头,它们作为aux库功能更强的替代品,提供更为复杂的绘制功能,此函数由glut.dll来负责解释执行。由于glut中的窗口管理函数是不依赖于运行环境的,因此OpenGL中的工具库可以在X-Window,WindowsNT,OS/2等系统下运行,特别适合于开发不需要复杂界面的OpenGL示例程序。对于有经验的程序员来说,一般先用glut理顺3D图形代码,然后再集成为完整的应用程序。这部分函数主要包括:

窗口操作函数:窗口初始化、窗口大小、窗口位置函数等glutInit()、glutInitDisplayMode()、glutInitWindowSize()、glutInitWindowPosition()

回调函数:响应刷新消息、键盘消息、鼠标消息、定时器函数GlutDisplayFunc()、glutPostRedisplay()、glutReshapeFunc()、glutTimerFunc()、glutKeyboardFunc()、glutMouseFunc()

创建复杂的三维物体:这些和aux库的函数功能相同

菜单函数:创建添加菜单的函数GlutCreateMenu()、glutSetMenu()、glutAddMenuEntry()、glutAddSubMenu()和glutAttachMenu()

程序运行函数:glutMainLoop()

3.4Windows专用库WGL

针对windows平台的扩展,包含有16个函数,函数名前缀为wgl。这部分函数主要用于连接OpenGL和Windows,以弥补OpenGL在文本方面的不足。Windows专用库只能用于Windows环境中。这类函数主要包括以下几类:

绘图上下文相关函数:wglCreateContext()、wglDeleteContext()、wglGetCurrentContent()、wglGetCurrentDC()、wglDeleteContent()

文字和文本处理函数:wglUseFontBitmaps()、wglUseFontOutlines()

覆盖层、地层和主平面层处理函数:wglCopyContext()、wglCreateLayerPlane()、wglDescribeLayerPlane()、wglReakizeLayerPlatte()

其他函数:wglShareLists()、wglGetProcAddress()

4开始OpenGL的奇幻之旅4.1OpenGL基本图形的绘制4.1.1设置颜色

设置颜色的函数有几十个,都是以glColor开头,后面跟着参数个数和参数类型。参数可以是0到255之间的无符号整数,也可以是0到1之间的浮点数。三个参数分别表示RGB分量,第四个参数表示透明度(其实叫不透明度更恰当)。以下最常用的两个设置颜色的方法:

glColor3f(1.0,0.0,0.0)#设置当前颜色为红色glColor4f(0.0,1.0,1.0,1.0)#设置当前颜色为青色,不透明度glColor3ub(0,0,255)#设置当前颜色为蓝色

glColor也支持将三个或四个参数以向量方式传递,例如:

glColor3fv([0.0,1.0,0.0])#设置当前颜色为绿色

特别提示:OpenGL是使用状态机模式,颜色是一个状态变量,设置颜色就是改变这个状态变量并一直生效,直到再次调用设置颜色的函数。除了颜色,OpenGL还有很多的状态变量或模式。在任何时间,都可以查询每个状态变量的当前值,还可以用glPushAttrib()或glPushClientAttrib()把状态变量的集合保存起来,必要的时候,再用glPopAttrib()或glPopClientAttrib()恢复状态变量。

4.1.2设置顶点

顶点(vertex)是OpengGL中非常重要的概念,描述线段、多边形都离不开顶点。和设置颜色类似,设置顶点的函数也有几十个,都是以glVertex开头,后面跟着参数个数和参数类型,同样也支持将多个以向量方式传递。两个参数的话,分别表示xy坐标,三个参数则分别表示xyz坐标。如有第四个参数,则表示该点的齐次坐标w;否则,默认w=1。至于什么是齐次坐标,显然超出了初中数学的范畴,在此不做探讨。

glVertex2f(1.0,0.5)#xoy平面上的点,z=0glVertex3f(0.5,1.0,0.0)#三维空间中的点4.1.3绘制基本图形

仅仅设置颜色和顶点,并不能画出来什么。我们可以在任何时候改变颜色,但所有的顶点设置,都必须包含在glBegin()和glEnd()之间,而glBegin()的参数则指定了将这些顶点画成什么。以下是glBegin()可能的参数选项:

参数说明GL_POINTS绘制一个或多个顶点GL_LINES绘制线段GL_LINE_STRIP绘制连续线段GL_LINE_LOOP绘制闭合的线段GL_POLYGON绘制多边形GL_TRIANGLES绘制一个或多个三角形GL_TRIANGLE_STRIP绘制连续三角形GL_TRIANGLE_FAN绘制多个三角形组成的扇形GL_QUADS绘制一个或多个四边形GL_QUAD_STRIP绘制连续四边形4.2第一个OpenGL程序

通常,我们使用工具库(GLUT)创建OpenGL应用程序。为啥不用GL或者GLU库呢?画画之前总得先有一块画布吧,不能直接拿起画笔就开画。前文说过,工具库主要提供窗口相关的函数,有了窗口,就相当于有了画布,而核心库和实用库,就好比各式各样的画笔、颜料。使用工具库(GLUT)创建OpenGL应用程序只需要四步(当然,前提是你需要先准备好绘图函数,并给它取一个合适的名字):

初始化glut库创建glut窗口注册绘图的回调函数进入glut主循环

OK,铺垫了这么多之后,我们终于开始第一个OpenGL应用程序了:绘制三维空间的世界坐标系,在坐标原点的后方(z轴的负半区)画一个三角形。代码如下:

#-*-coding:utf-8-*-#-------------------------------------------#quidam_01.py三维空间的世界坐标系和三角形#-------------------------------------------fromOpenGL.GLimport*fromOpenGL.GLUTimport*defdraw():#---------------------------------------------------------------glBegin(GL_LINES)#开始绘制线段(世界坐标系)#以红色绘制x轴glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.8,0.0,0.0)#设置x轴顶点(x轴负方向)glVertex3f(0.8,0.0,0.0)#设置x轴顶点(x轴正方向)#以绿色绘制y轴glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.0,-0.8,0.0)#设置y轴顶点(y轴负方向)glVertex3f(0.0,0.8,0.0)#设置y轴顶点(y轴正方向)#以蓝色绘制z轴glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.0,-0.8)#设置z轴顶点(z轴负方向)glVertex3f(0.0,0.0,0.8)#设置z轴顶点(z轴正方向)glEnd()#结束绘制线段#---------------------------------------------------------------glBegin(GL_TRIANGLES)#开始绘制三角形(z轴负半区)glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.5,-0.5)#设置三角形顶点glEnd()#结束绘制三角形#---------------------------------------------------------------glFlush()#清空缓冲区,将指令送往硬件立即执行if__name__=="__main__":glutInit()#1.初始化glut库glutCreateWindow('QuidamOfOpenGL')#2.创建glut窗口glutDisplayFunc(draw)#3.注册回调函数draw()glutMainLoop()#4.进入glut主循环

运行代码,我这里显示结果如下面左图所示。如果尝试运行这段代码出错的话,我猜应该是pyopengl安装出现了问题,建议返回到前面重读pyopengl的安装。短暂的激动之后,你可能会尝试画一些其他的线段,变换颜色或者透明度,甚至绘制多边形。很快你会发现,我们的第一个程序有很多问题,比如:

窗口的标题不能使用中文,否则会显示乱码窗口的初始大小和位置无法改变改变窗口的宽高比,三角形宽高比也会改变(如上面右图所示)三角形不应该遮挡坐标轴改变颜色的透明度无效不能缩放旋转

没关系,除了第1个问题我不知道怎么解决(貌似无解),其他问题都不是事儿。和我们的代码相比,一个真正实用的OpenGL程序,还有许多工作要做:

设置初始显示模式初始化画布绘图函数里面需要增加:清除屏幕及深度缓存投影设置模型试图设置绑定鼠标键盘的事件函数4.3设置初始显示模式

初始化glut库的时候,我们一般都要用glutInitDisplayMode()来设置初始的显示模式,它的参数可以是下表中参数的组合。

参数说明GLUT_RGB指定RGB颜色模式的窗口GLUT_RGBA指定RGBA颜色模式的窗口GLUT_INDEX指定颜色索引模式的窗口GLUT_SINGLE指定单缓存窗口GLUT_DOUBLE指定双缓存窗口GLUT_ACCUM窗口使用累加缓存GLUT_ALPHA窗口的颜色分量包含alpha值GLUT_DEPTH窗口使用深度缓存GLUT_STENCIL窗口使用模板缓存GLUT_MULTISAMPLE指定支持多样本功能的窗口GLUT_STEREO指定立体窗口GLUT_LUMINANCE窗口使用亮度颜色模型

使用双缓存窗口,可以避免重绘时产生抖动的感觉。我一般选择GLUT_DOUBLE|GLUT_ALPHA|GLUT_DEPTH作为参数来设置初始的显示模式。

4.4初始化画布

开始绘图之前,需要对画布做一些初始化工作,这些工作只需要做一次。比如:

glClearColor(0.0,0.0,0.0,1.0)#设置画布背景色。注意:这里必须是4个参数glEnable(GL_DEPTH_TEST)#开启深度测试,实现遮挡关系glDepthFunc(GL_LEQUAL)#设置深度测试函数(GL_LEQUAL只是选项之一)

如有必要,还可以开启失真校正(反走样)、开启表面剔除等。

4.5清除屏幕及深度缓存

每次重绘之前,需要先清除屏幕及深度缓存。这项操作一般放在绘图函数的开头。

glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT)4.5设置投影

投影设置也是每次重绘都需要的步骤之一。glOrtho()用来设置平行投影,glFrustum()用来设置透视投影。这两个函数的参数相同,都是视景体的left/right/bottom/top/near/far六个面。

视景体的left/right/bottom/top四个面围成的矩形,就是视口。near就是投影面,其值是投影面距离视点的距离,far是视景体的后截面,其值是后截面距离视点的距离。far和near的差值,就是视景体的深度。视点和视景体的相对位置关系是固定的,视点移动时,视景体也随之移动。

我个人认为,视景体是OpengGL最重要、最核心的概念,它和视口、视点、投影面、缩放、漫游等概念密切关联。只有正确理解了视景体,才能正确设置它的六个参数,才能呈现出我们期望的效果。

为了在窗口宽高比改变时,绘制的对象仍然保持固定的宽高比,一般在做投影变换时,需要根据窗口的宽高比适当调整视景体的left/right或者bottom/top参数。

假设view是视景体,width和height是窗口的宽度和高度,在投影变换之前,需要先声明是对投影矩阵的操作,并将投影矩阵单位化:

glMatrixMode(GL_PROJECTION)glLoadIdentity()ifwidth>height:k=width/heightglFrustum(view[0]*k,view[1]*k,view[2],view[3],view[4],view[5])else:k=height/widthglFrustum(view[0],view[1],view[2]*k,view[3]*k,view[4],view[5])4.6设置视点

视点是和视景体关联的概念。设置视点需要考虑眼睛在哪儿、看哪儿、头顶朝哪儿,分别对应着eye,lookat和eye_up三个向量。

gluLookAt(eye[0],eye[1],eye[2],look_at[0],look_at[1],look_at[2],eye_up[0],eye_up[1],eye_up[2])4.7设置视口

视口也是和视景体关联的概念,相对简单一点。

glViewport(0,0,width,height)4.8设置模型视图

模型平移、旋转、缩放等几何变换,需要切换到模型矩阵:

glMatrixMode(GL_MODELVIEW)glLoadIdentity()glScale(1.0,1.0,1.0)4.9捕捉鼠标事件、键盘事件和窗口事件

GLUT库提供了几个函数帮我们捕捉鼠标事件、键盘事件和窗口事件:

glutMouseFunc()该函数捕捉鼠标点击和滚轮操作,返回4个参数给被绑定的事件函数:键(左键/右键/中键/滚轮上/滚轮下)、状态(1/0)、x坐标、y坐标

glutMotionFunc()该函数捕捉有一个鼠标键被按下时的鼠标移动给被绑定的事件函数,返回2个参数:x坐标、y坐标

glutPassiveMotionFunc()该函数捕捉鼠标移动,返回2个参数给被绑定的事件函数:x坐标、y坐标

glutEntryFunc()该函数捕捉鼠标离开或进入窗口区域,返回1个参数给被绑定的事件函数:GLUT_LEFT或者GLUT_ENTERED

glutKeyboardFunc(keydown)该函数捕捉键盘按键被按下,返回3个参数给被绑定的事件函数:被按下的键,x坐标、y坐标

glutReshapeFunc()该函数捕捉窗口被改变大小,返回2个参数给被绑定的事件函数:窗口宽度、窗口高度

如果我们需要捕捉这些事件,只需要定义事件函数,注册相应的函数就行:

defreshape(width,height):passdefmouseclick(button,state,x,y):passdefmousemotion(x,y):passdefkeydown(key,x,y):passglutReshapeFunc(reshape)#注册响应窗口改变的函数reshape()glutMouseFunc(mouseclick)#注册响应鼠标点击的函数mouseclick()glutMotionFunc(mousemotion)#注册响应鼠标拖拽的函数mousemotion()glutKeyboardFunc(keydown)#注册键盘输入的函数keydown()4.10综合应用

是时候把我们上面讲的这些东西完整的演示一下了。下面的代码还是画了世界坐标系,并在原点前后各画了一个三角形。鼠标可以拖拽视点绕参考点旋转(二者距离保持不变),滚轮可以缩放模型。敲击退格键或回车键可以让视点远离或接近参考点。敲击x/y/z可以减小参考点对应的坐标值,敲击X/Y/Z可以增大参考点对应的坐标值。敲击空格键可以切换投影模式。上图左是平行投影模式的显示效果,上图右是透视投影模式的显示效果。代码如下:

#-*-coding:utf-8-*-#-------------------------------------------#quidam_02.py旋转、缩放、改变视点和参考点#-------------------------------------------fromOpenGL.GLimport*fromOpenGL.GLUimport*fromOpenGL.GLUTimport*importnumpyasnpIS_PERSPECTIVE=True#透视投影VIEW=np.array([-0.8,0.8,-0.8,0.8,1.0,20.0])#视景体的left/right/bottom/top/near/far六个面SCALE_K=np.array([1.0,1.0,1.0])#模型缩放比例EYE=np.array([0.0,0.0,2.0])#眼睛的位置(默认z轴的正方向)LOOK_AT=np.array([0.0,0.0,0.0])#瞄准方向的参考点(默认在坐标原点)EYE_UP=np.array([0.0,1.0,0.0])#定义对观察者而言的上方(默认y轴的正方向)WIN_W,WIN_H=640,480#保存窗口宽度和高度的变量LEFT_IS_DOWNED=False#鼠标左键被按下MOUSE_X,MOUSE_Y=0,0#考察鼠标位移量时保存的起始位置defgetposture():globalEYE,LOOK_ATdist=np.sqrt(np.power((EYE-LOOK_AT),2).sum())ifdist>0:phi=np.arcsin((EYE[1]-LOOK_AT[1])/dist)theta=np.arcsin((EYE[0]-LOOK_AT[0])/(dist*np.cos(phi)))else:phi=0.0theta=0.0returndist,phi,thetaDIST,PHI,THETA=getposture()#眼睛与观察目标之间的距离、仰角、方位角definit():glClearColor(0.0,0.0,0.0,1.0)#设置画布背景色。注意:这里必须是4个参数glEnable(GL_DEPTH_TEST)#开启深度测试,实现遮挡关系glDepthFunc(GL_LEQUAL)#设置深度测试函数(GL_LEQUAL只是选项之一)defdraw():globalIS_PERSPECTIVE,VIEWglobalEYE,LOOK_AT,EYE_UPglobalSCALE_KglobalWIN_W,WIN_H#清除屏幕及深度缓存glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT)#设置投影(透视投影)glMatrixMode(GL_PROJECTION)glLoadIdentity()ifWIN_W>WIN_H:ifIS_PERSPECTIVE:glFrustum(VIEW[0]*WIN_W/WIN_H,VIEW[1]*WIN_W/WIN_H,VIEW[2],VIEW[3],VIEW[4],VIEW[5])else:glOrtho(VIEW[0]*WIN_W/WIN_H,VIEW[1]*WIN_W/WIN_H,VIEW[2],VIEW[3],VIEW[4],VIEW[5])else:ifIS_PERSPECTIVE:glFrustum(VIEW[0],VIEW[1],VIEW[2]*WIN_H/WIN_W,VIEW[3]*WIN_H/WIN_W,VIEW[4],VIEW[5])else:glOrtho(VIEW[0],VIEW[1],VIEW[2]*WIN_H/WIN_W,VIEW[3]*WIN_H/WIN_W,VIEW[4],VIEW[5])#设置模型视图glMatrixMode(GL_MODELVIEW)glLoadIdentity()#几何变换glScale(SCALE_K[0],SCALE_K[1],SCALE_K[2])#设置视点gluLookAt(EYE[0],EYE[1],EYE[2],LOOK_AT[0],LOOK_AT[1],LOOK_AT[2],EYE_UP[0],EYE_UP[1],EYE_UP[2])#设置视口glViewport(0,0,WIN_W,WIN_H)#---------------------------------------------------------------glBegin(GL_LINES)#开始绘制线段(世界坐标系)#以红色绘制x轴glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.8,0.0,0.0)#设置x轴顶点(x轴负方向)glVertex3f(0.8,0.0,0.0)#设置x轴顶点(x轴正方向)#以绿色绘制y轴glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.0,-0.8,0.0)#设置y轴顶点(y轴负方向)glVertex3f(0.0,0.8,0.0)#设置y轴顶点(y轴正方向)#以蓝色绘制z轴glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.0,-0.8)#设置z轴顶点(z轴负方向)glVertex3f(0.0,0.0,0.8)#设置z轴顶点(z轴正方向)glEnd()#结束绘制线段#---------------------------------------------------------------glBegin(GL_TRIANGLES)#开始绘制三角形(z轴负半区)glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.5,-0.5)#设置三角形顶点glEnd()#结束绘制三角形#---------------------------------------------------------------glBegin(GL_TRIANGLES)#开始绘制三角形(z轴正半区)glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.5,0.5,0.5)#设置三角形顶点glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.5,0.5,0.5)#设置三角形顶点glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,-0.366,0.5)#设置三角形顶点glEnd()#结束绘制三角形#---------------------------------------------------------------glutSwapBuffers()#切换缓冲区,以显示绘制内容defreshape(width,height):globalWIN_W,WIN_HWIN_W,WIN_H=width,heightglutPostRedisplay()defmouseclick(button,state,x,y):globalSCALE_KglobalLEFT_IS_DOWNEDglobalMOUSE_X,MOUSE_YMOUSE_X,MOUSE_Y=x,yifbutton==GLUT_LEFT_BUTTON:LEFT_IS_DOWNED=state==GLUT_DOWNelifbutton==3:SCALE_K*=1.05glutPostRedisplay()elifbutton==4:SCALE_K*=0.95glutPostRedisplay()defmousemotion(x,y):globalLEFT_IS_DOWNEDglobalEYE,EYE_UPglobalMOUSE_X,MOUSE_YglobalDIST,PHI,THETAglobalWIN_W,WIN_HifLEFT_IS_DOWNED:dx=MOUSE_X-xdy=y-MOUSE_YMOUSE_X,MOUSE_Y=x,yPHI+=2*np.pi*dy/WIN_HPHI%=2*np.piTHETA+=2*np.pi*dx/WIN_WTHETA%=2*np.pir=DIST*np.cos(PHI)EYE[1]=DIST*np.sin(PHI)EYE[0]=r*np.sin(THETA)EYE[2]=r*np.cos(THETA)if0.5*np.pi<PHI<1.5*np.pi:EYE_UP[1]=-1.0else:EYE_UP[1]=1.0glutPostRedisplay()defkeydown(key,x,y):globalDIST,PHI,THETAglobalEYE,LOOK_AT,EYE_UPglobalIS_PERSPECTIVE,VIEWifkeyin[b'x',b'X',b'y',b'Y',b'z',b'Z']:ifkey==b'x':#瞄准参考点x减小LOOK_AT[0]-=0.01elifkey==b'X':#瞄准参考x增大LOOK_AT[0]+=0.01elifkey==b'y':#瞄准参考点y减小LOOK_AT[1]-=0.01elifkey==b'Y':#瞄准参考点y增大LOOK_AT[1]+=0.01elifkey==b'z':#瞄准参考点z减小LOOK_AT[2]-=0.01elifkey==b'Z':#瞄准参考点z增大LOOK_AT[2]+=0.01DIST,PHI,THETA=getposture()glutPostRedisplay()elifkey==b'\r':#回车键,视点前进EYE=LOOK_AT+(EYE-LOOK_AT)*0.9DIST,PHI,THETA=getposture()glutPostRedisplay()elifkey==b'\x08':#退格键,视点后退EYE=LOOK_AT+(EYE-LOOK_AT)*1.1DIST,PHI,THETA=getposture()glutPostRedisplay()elifkey==b'':#空格键,切换投影模式IS_PERSPECTIVE=notIS_PERSPECTIVEglutPostRedisplay()if__name__=="__main__":glutInit()displayMode=GLUT_DOUBLE|GLUT_ALPHA|GLUT_DEPTHglutInitDisplayMode(displayMode)glutInitWindowSize(WIN_W,WIN_H)glutInitWindowPosition(300,200)glutCreateWindow('QuidamOfOpenGL')init()#初始化画布glutDisplayFunc(draw)#注册回调函数draw()glutReshapeFunc(reshape)#注册响应窗口改变的函数reshape()glutMouseFunc(mouseclick)#注册响应鼠标点击的函数mouseclick()glutMotionFunc(mousemotion)#注册响应鼠标拖拽的函数mousemotion()glutKeyboardFunc(keydown)#注册键盘输入的函数keydown()glutMainLoop()#进入glut主循环4.11小结

虽然还有很多领域需要我们继续探索,比如灯光、材质、雾化、拾取等,但那不是奇幻之旅的目标。奇幻之旅仅仅是帮助读者建立OpenGL的基本概念。至此,我们基本完成了任务。

5加速渲染

实际应用OpenGL绘制三维图像时,往往需要处理数以万计的顶点,有时甚至是百万级、千万级。我们通常不会在绘制函数里面传送这些数据,而是在绘制之前,将这些数据提前传送到GPU。绘制函数每次绘制时,只需要从GPU的缓存中取出数据即可,极大地提高了效率。这个机制地实现,依赖于顶点缓冲区对象(VertexBufferObject),简称VBO。

尽管VBO是显卡的扩展,其实没有用到GPU运算,也就是说VBO不用写着色语言,直接用opengl函数就可以调用,主要目的是用于加快渲染的速。

VBO将顶点信息放到GPU中,GPU在渲染时去缓存中取数据,二者中间的桥梁是GL-Context。GL-Context整个程序一般只有一个,所以如果一个渲染流程里有两份不同的绘制代码,GL-context就负责在他们之间进行切换。这也是为什么要在渲染过程中,在每份绘制代码之中会有glBindbuffer、glEnableVertexAttribArray、glVertexAttribPointer。如果把这些都放到初始化时候完成,使用一种结构记录该次绘制所需要的所有VBO所需信息,把它保存到VBO特定位置,绘制的时候直接在这个位置取信息绘制,会简化渲染流程、提升渲染速度。这就是VAO概念产生的初衷。

VAO的全名是VertexArrayObject,首先,它不是Buffer-Object,所以不用作存储数据;其次,它针对“顶点”而言,也就是说它跟“顶点的绘制”息息相关。VAO记录的是一次绘制中所需要的信息,这包括“数据在哪里glBindBuffer”、“数据的格式是怎么样的glVertexAttribPointer”、shader-attribute的location的启用glEnableVertexAttribArray。

根据我查到的资料,几乎所有的显卡都支持VBO,但不是所有的显卡都支持VAO,而VAO仅仅是优化了VBO的使用方法,对于加速并没有实质性的影响,因此本文只讨论VBO技术。

5.1创建顶点缓冲区对象(VBO)

假定画一个六面体,顶点是这样的:

#六面体数据#------------------------------------------------------#v4-----v5#/|/|#v0------v1|#||||#|v7----|-v6#|/|/#v3------v2#顶点集vertices=np.array([-0.5,0.5,0.5,0.5,0.5,0.5,0.5,-0.5,0.5,-0.5,-0.5,0.5,#v0-v1-v2-v3-0.5,0.5,-0.5,0.5,0.5,-0.5,0.5,-0.5,-0.5,-0.5,-0.5,-0.5#v4-v5-v6-v7],dtype=np.float32)#索引集indices=np.array([0,1,2,3,#v0-v1-v2-v3(front)4,5,1,0,#v4-v5-v1-v0(top)3,2,6,7,#v3-v2-v6-v7(bottom)5,4,7,6,#v5-v4-v7-v6(back)1,5,6,2,#v1-v5-v6-v2(right)4,0,3,7#v4-v0-v3-v7(left)],dtype=np.int)

在GPU上创建VBO如下:

fromOpenGL.arraysimportvbovbo_vertices=vbo.VBO(vertices)vbo_indices=vbo.VBO(indices,target=GL_ELEMENT_ARRAY_BUFFER)

创建顶点VBO时,默认target=GL_ARRAY_BUFFER,而创建索引VBO时,target=GL_ELEMENT_ARRAY_BUFFER,因为顶点的数据类型是np.float32,索引的数据类型是np.int。

在VBO保存的顶点数据集,除了顶点信息外,还可以包含颜色、法线、纹理等数据,这就是顶点混合数组的概念。假定我们在上面的顶点集中增加每个顶点的颜色,则可以写成这样:

vertices=np.array([0.3,0.6,0.9,-0.35,0.35,0.35,#c0-v00.6,0.9,0.3,0.35,0.35,0.35,#c1-v10.9,0.3,0.6,0.35,-0.35,0.35,#c2-v20.3,0.9,0.6,-0.35,-0.35,0.35,#c3-v30.6,0.3,0.9,-0.35,0.35,-0.35,#c4-v40.9,0.6,0.3,0.35,0.35,-0.35,#c5-v50.3,0.9,0.9,0.35,-0.35,-0.35,#c6-v60.9,0.9,0.3,-0.35,-0.35,-0.35#c7-v7],dtype=np.float32)5.2分离顶点混合数组

使用glInterleavedArrays()函数可以从顶点混合数组中分离顶点、颜色、法线和纹理。比如,对只包含顶点信息的顶点混合数组:

vbo_indices.bind()glInterleavedArrays(GL_V3F,0,None)

如果顶点混合数组包含了颜色和顶点信息:

vbo_indices.bind()glInterleavedArrays(GL_C3F_V3F,0,None)

glInterleavedArrays()函数第一个参数总共有14个选项,分别是:

GL_V2FGL_V3FGL_C4UB_V2FGL_C4UB_V3FGL_C3F_V3FGL_N3F_V3FGL_C4F_N3F_V3FGL_T2F_V3FGL_T4F_V4FGL_T2F_C4UB_V3FGL_T2F_C3F_V3FGL_T2F_N3F_V3FGL_T2F_C4F_N3F_V3FGL_T4F_C4F_N3F_V4F5.3使用顶点缓冲区对象(VBO)

使用glDrawElements()等函数绘制前,需要先绑定顶点数据集和索引数据集,然后使用glInterleavedArrays()分理出顶点、颜色、法线等数据。

vbo_indices.bind()glInterleavedArrays(GL_V3F,0,None)vbo_indices.bind()glDrawElements(GL_QUADS,int(vbo_indices.size/4),GL_UNSIGNED_INT,None)vbo_indices.unbind()vbo_indices.unbind()6致谢

写作过程中,我参考了很多资料,包括纸质书籍和网页,列写于此,一并致谢!

《OpenGL编程精粹》杨柏林陈根浪徐静编著Opengl开发库介绍OpenGL的API函数使用手册glut处理鼠标事件LearnOpenGL

本文写作过程持续了两三周,期间可谓呕心沥血。发表之际,如释重负,填词以记之。

愁云淡淡风萧萧,暮暮复朝朝。别来应是,体重锐减,骨立形销。日日思OpenGL,情绪好无聊。一篇博文,一台电脑,一只鼠标。——调寄《眼儿媚》7后记

近期有很多朋友通过私信咨询有关python学习问题。为便于交流,我创建了一个名为“python程序员进阶之路”的微信群,面向python初学者,为大家提供一个交流学习的平台。我也会尽我所能在群里为大家提供技术支持。欢迎有兴趣的同学扫我微信码,我带你入队。


普通会员

0

帖子

302

回复

311

积分
沙发
发表于 2023-10-11 16:47:08

信春哥,得永生!

您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017