OpenGL ES教程(2)：绘制矩形

作者:本站整理时间:2015-10-13

　　严格意义上来说，矩形并不是OpenGL ES的图元。但是，让我们面对现实，绘制这些矩形象绘制一个三角形一样非常简单。在本教程中，我们将把基本的三角形绘制代码转化为绘制矩形。再一次说明，这些渲染是静止的，但是我们通过转化（即移动它们）来使它们快速移动。当然，一旦我们完成了矩形，我们将试图完成一个立方体，我们将完成一个纹理映射的立方体。

　　本教程的快速小结及其他教程

　　上个教程，我们用空白画布的XCode工程来渲染了一个实心的白色的三角形。为了做到这点，你创建了一个顶点数组，告诉OpenGL这些数据并且使用 glVertexPointer() 来格式化。为渲染这个顶点数组定义一个状态，并且使用 glDrawArrays ()来渲染它。

　　今天，我们要使用之前的代码，用制作三角形的方法来制作一个矩形。要做到这点，我们仅仅需要修改一对（组）代码。第一点是显然的，我们需要4点来组成矩形，而不是原来3点的三角形。然后，我们要告诉OpenGL用不一样的 glDrawArrays().方法来绘制一个不同的物体。

　　让我们开始吧。

　　定义矩形的顶点

　　打开之前教程中建立的XCode工程，找到 drawView函数。注释掉 triangleVertices ，但是不是删除它，我们在之后转换的时候还需要用到，并且添加下列代码：

　　const GLfloat squareVertices[] = {

　　-1.0, 1.0, -6.0, // Top left

　　-1.0, -1.0, -6.0, // Bottom left

　　1.0, -1.0, -6.0, // Bottom right

　　1.0, 1.0, -6.0 // Top right

　　};

　　这个定义了我们的矩形。注意，这个矩形的顶点也是逆时针的。然后，到下面的绘制三角形的代码处，将这些代码都注释掉，回复到开始状态。所以注释掉三个函数调用的glVertexArray （）， glEnableClientState （），和glDrawArrays （），并添加以下代码：

　　glVertexPointer(3, GL_FLOAT, 0, squareVertices);

　　glEnableClientState(GL_VERTEX_ARRAY);

　　glDrawArrays(GL_TRIANGLE_FAN, 0, 4);

　　这三项职能相同，只是功能略有不同。

　　glVertexPointer(3, GL_FLOAT, 0, squareVertices);

　　这个唯一的变化就是我们告诉OpenGL使用了不同的顶点设置方案，而不是现在的三角形。

　　glEnableClientState()同样是告诉OpenGL从顶点数组来绘制（而不是颜色数组或者其他的什么）

　　glDrawArrays(GL_TRIANGLE_FAN, 0, 4);

　　这里有些改变了。在上个教程，我们使用 GL_TRIANGLES 做用第一个参数，并且使用3在第3个参数里。第2个参数。之前是0，这里也还是0，因为只包含了矩形的顶点。

　　第一个参数是绘图模式，而且你现在看到两种可能的OpenGL绘图方式。我想花时间来讨论现在不同的绘图模式。

　　它们是：

　　GL_POINTS

　　GL_LINES

　　GL_LINE_LOOP

　　GL_LINE_STRIP

　　GL_TRIANGLES

　　GL_TRIANGLE_STRIP

　　GL_TRIANGLE_FAN

　　我们还没有讨论点或线，所以我只介绍最后的三个。在我开始之前，我要提醒你，顶点数组可能包含不止一个三角形，以便当您只看到一个物体顶点数组，你要知道，不仅限于这一点。

　　GL_TRIANGLES - 这个参数意味着OpenGL使用三个顶点来组成图形。所以，在开始的三个顶点，将用顶点1，顶点2，顶点3来组成一个三角形。完成后，在用下一组的三个顶点来组成三角形，直到数组结束。

　　GL_TRIANGLE_STRIP - OpenGL的使用将最开始的两个顶点出发，然后遍历每个顶点，这些顶点将使用前2个顶点一起组成一个三角形。所以 squareVertices[6~8]将与 squareVerticies[0~2] 和 squareVerticies[3~5].生成一个三角形。 squareVertices[9~11]将与 squareVertices[3~5] 和squareVertices[6~8]生成三角形。

　　也就是说，0，1，2这三个点组成一个三角形，1，2，3这三个点也组成一个三角形。

　　注意的是， squareVerticies[0~2]表示的意思是：

　　squareVerticies[0] x坐标

　　squareVerticies[1] y坐标

　　squareVerticies[2] z坐标

　　如果我没有说清楚的话，我用下面的例子来说明。

　　GL_TRIANGLE_FAN - 在跳过开始的2个顶点，然后遍历每个顶点，让OpenGL将这些顶点于它们前一个，以及数组的第一个顶点一起组成一个三角形。 squareVertices[6~8]将与 squareVerticies[3~5] （前一个）和 squareVerticies[0~2]（第一个）.生成一个三角形。

　　也就是说，同样是0，1，2，3这4个顶点。

　　在STRIP状态下是，0，1，2；1，2，3这2个三角形。

　　在FAN状态下是，2，1，0；3，2，0这2个三角形。

　　这次我们将使用 GL_TRIANGLE_FAN ，我们将在显示区域获得一个矩形。点击”Build & Go”,然后你将在屏幕上看到一个白色的矩形（平面）