Opengl ES之四边形绘制

四边形的绘制在Opengl ES是很重要的一项技巧，比如做视频播放器时视频的渲染就需要使用到Opengl ES绘制四边形的相关知识。然而在Opengl ES却没有直接提供绘制四边形的相关函数，那么如何实现四边形的绘制呢？

在Opengl ES的世界中所有的元素都是由点、线和三角形组成的。众所周知，四边形可以拆分成两个三角形，因此四边形的绘制在Opengl ES的世界中可以分解成绘制两个三角形的任务。

代码准备

为了使得项目代码更好地展现我们的demo效果，我们先来将之前的代码抽象起来，做了个简单的封装，统一一个BaseGlActivity：

其他代码，例如BaseOpengl和MyGLSurfaceView和以前的一样。

然后在Java层和C++都新建一个RectOpengl类，用来表示绘制四边形。

RectOpengl.h

六点顶点绘制四边形

这是所有人都能想到的最简单的方式了，每个三角形需要三个顶点，绘制两个三角形则需要六个顶点，通过调整顶点，将两个三角形紧挨着就组成了四边形。因此，我们的顶点着色器和片段着色器都不需要修改，直接使用之前绘制三角形的那些着色器即可。

例如使用下面六个顶点绘制两个三角形：

这个理解起来比较简单，笔者就不画说明图了。

四个顶点绘制四边形

使用四个顶点绘制两个三角形主要是复用了部分顶点，然后在函数中使用绘制三角形带的方式进行绘制。

GL_TRIANGLE_STRIP会复用前面的顶点，因为顶点复用，因此这种方式可以绘制出个三角形（n是顶点的个数）。例如使用三角形带的方式搭配以下的顶点坐标即可绘制出一个矩形：

假如有1、2、3、4这四个顶点坐标，那么GL_TRIANGLE_STRIP绘制三角形的的方式是顶点1、2、3组成一个三角形，顶点2、3、4组成一个三角形。

具体看图：

RectOpengl完整代码：

DrawRectActivity.java

运行结果往期笔记

关注我，一起进步，人生不止coding！！！