OpenGL学习笔记（LearnOpenGL）-第二部分绘制三角形

hippodu

已于 2022-03-08 17:39:26 修改

阅读量636

点赞数

分类专栏： OpenGL 文章标签： 3d 几何学

于 2022-03-08 17:38:10 首次发布

本文链接：https://blog.csdn.net/weixin_58624886/article/details/123265900

版权

OpenGL 专栏收录该内容

6 篇文章 3 订阅

订阅专栏

基础知识

顶点数组对象：Vertex Array Object,VBO

顶点缓冲对象：Vertx Buffer Object，VBO

索引缓冲对象：Element Buffer Object，EBO/Index Buffer Object，IBO

OpenGL将3D空间中的坐标转换为适应屏幕的2D像素，处理过程由OpenGL的图形渲染管线管理。（该部分内容上一节笔记中有涉及）管线总结为：顶点数据（Vertices） > 顶点着色器（Vertex Shader） > 图元装配（Assembly） > 几何着色器（Geometry Shader） > 光栅化（Rasterization） > 片断着色器（Fragment Shader） > 逐片断处理（Per-Fragment Operations） > 帧缓冲（FrameBuffer）。再经过双缓冲的交换（SwapBuffer），渲染内容就显示到了屏幕上。

下面引用一段来自：细说图形学渲染管线 - 知乎的内容。

顶点数据：顶点数据用来为后面的顶点着色器等阶段提供处理的数据。是渲染管线的数据主要来源。送入到渲染管线的数据包括顶点坐标、纹理坐标、顶点法线和顶点颜色等顶点属性。为了让OpenGL明白顶点数据构成的是什么图元，我们需要在绘制指令中传递相对应的图元信息。常见的图元包括：点(GL_POINTS)、线(GL_LINES)、线条(GL_LINE_STRIP)、三角面(GL_TRIANGLES)。

顶点着色器：顶点着色器主要功能是进行坐标变换。将输入的局部坐标变换到世界坐标、观察坐标和裁剪坐标。虽然我们也会在顶点着色器进行光照计算(称作高洛德着色)，然后经过光栅化插值得到各个片段的颜色，但由于这种方法得到的光照比较不自然，所以一般在片段着色器进行光照计算。关于坐标变换以及着色方案的细节，我们会在后面详细介绍。

曲面细分：曲面细分是利用镶嵌化处理技术对三角面进行细分，以此来增加物体表面的三角面的数量，是渲染管线一个可选的阶段。它由外壳着色器(Hull Shader)、镶嵌器(Tessellator)和域着色器(Domain Shader)构成，其中外壳着色器和域着色器是可编程的，而镶嵌器是有硬件管理的。我们可以借助曲面细分的技术实现细节层次(Level-of-Detail)的机制，使得离摄像机越近的物体具有更加丰富的细节，而远离摄像机的物体具有较少的细节。

曲面细分实现三角面的划分

几何着色器：几何着色器也是渲染管线一个可选的阶段。我们知道，顶点着色器的输入是单个顶点(以及属性)，输出的是经过变换后的顶点。与顶点着色器不同，几何着色器的输入是完整的图元(比如，点)，输出可以是一个或多个其他的图元(比如，三角面)，或者不输出任何的图元。几何着色器的拿手好戏就是将输入的点或线扩展成多边形。下图展示了几何着色器如何将点扩展成多边形。

几何着色器例子

图元组装：图元组装将输入的顶点组装成指定的图元。图元组装阶段会进行裁剪和背面剔除相关的优化，以减少进入光栅化的图元的数量，加速渲染过程。在光栅化之前，还会进行屏幕映射的操作：透视除法和视口变换。

关于透视除法和视口变换到底属于流水线的那个阶段并没有一个权威的说法，某些资料将这两个操作归入到图元组装阶段，某些资料将它归入到光栅化过程，但对我们理解整个渲染管线并没有太大的影响，我们只需要知道在光栅化前需要进行屏幕映射就可以了，所以我们这里将屏幕映射放到了图元组装过程。这两个操作主要是硬件实现，不同厂商会有不同的设计。

光栅化：经过图元组装以及屏幕映射阶段后，我们将物体坐标变换到了窗口坐标。光栅化是个离散化的过程，将3D连续的物体转化为离散屏幕像素点的过程。包括三角形组装和三角形遍历两个阶段。光栅化会确定图元所覆盖的片段，利用顶点属性插值得到片段的属性信息，然后送到片段着色器进行颜色计算，我们这里需要注意到片段是像素的候选者，只有通过后续的测试，片段才会成为最终显示的像素点。

光栅化阶段

片段着色器：片段着色器在DirectX中也成为像素着色器(Pixel Shader)。片段着色器用来决定屏幕上像素的最终颜色。在这个阶段会进行光照计算以及阴影处理，是渲染管线高级效果产生的地方。

测试混合阶段：管线的最后一个阶段是测试混合阶段。测试包括裁切测试、Alpha测试、模板测试和深度测试。没有经过测试的片段会被丢弃，不需要进行混合阶段；经过测试的片段会进入混合阶段。Alpha混合可以根据片段的alpha值进行混合，用来产生半透明的效果。Alpha表示的是物体的不透明度，因此alpha=1表示完全不透明，alpha=0表示完全透明。测试混合阶段虽然不是可编程阶段，但是我们可以通过OpenGL或DirectX提供的接口进行配置，定制混合和测试的方式。

实现环节：

首先完成与上一部分创建窗口同样的操作：初始化glfw、glad、窗口。

顶点输入：

指定三个顶点，顶点的z坐标深度相同，即表示在同一2D平面，深度值表示的是遮挡关系。注意OpenGL的绘制窗口所处理的是标准化的坐标，范围在-1~1之间才为OpenGL的可视区域。标准化坐标接着会变为屏幕空间坐标，是通过使用glViewport函数提供的数据进行视口变换完成的。glOrtho函数只是负责使用什么样的视景体来截取图像，并不负责使用某种规则把图像呈现在屏幕上。glViewport负责把视景体截取的图像按照怎样的高和宽显示到屏幕上。图像会根据视口的大小拉伸变形。

定义好定点后需要将其输入发送给顶点着色器，顶点着色器在GPU上工作，创建内存用于储存顶点数据，我们需要通过顶点缓冲对象VBO管理GPU内存储存大量顶点，可以帮助我们一次发送很多顶点数据到GPU上，定义好VBO后需要使用glBindBuffer函数为定义的VBO绑定一种缓冲类型，绑定后任何在该类型上的缓冲调用都会用来配置绑定好的VBO。

定义顶点数据->定义VBO->为VBO绑定类型(此处将VBO绑定在GL-ARRAY_BUFFER目标上）->

调用glBufferData函数将之前定义的顶点数据复制到缓存的内存中：

glBufferData用于像buffer类型传入数据，第一个参数为目标缓冲的类型，第二个参数为传输数据的大小，第三个即为实际数据，第四个参数为数据的属性。

顶点着色器

使用GLSL编写顶点着色器，并对其进行编译。以下面的代码为例：

char* vertexShaderSource引号内的内容即为GLSL编写的顶点着色器源代码。

第一行为版本声明，表示使用的为OpenGL3.3版本核心模式。

layout为布局限定符，in关键词在vertexshader中声明输入顶点的属性，并设定输入变量的位置值。下一行中给gl_Position创建四维向量并将原本的vec3的x、y、z值输入，对w值赋值为1.0f。

将上述内容编码在字符串中后，即生成了着色器源码。下面需要创建一个着色器对象，创建方式与创建VBO有些类似，需要定义一个unsigned int来满足用ID引用，并将需要创建的着色器类型提供给glCreateShader。在此之后需要将放入字符串的GLSL着色器源码附着给创建好的着色器并对其进行编译。