博客食用体验更佳：https://www.kevinwu.cc/posts/OpenGL1/

【资料图】

关于学习OpenGL

OpenGL是学习计算机图形学的必备，虽然现在Vulkan是未来的OpenGL，但目前OpenGL仍是无法被替代的。

Vulkan学习难度过高，个人做项目太耗时间，所以OpenGL依旧是很好的选择。很多大神都认为，先学OpenGL打基础，在学习Vulkan的时候再将原先的知识进行分解转化，是个很好的方法。因为学习Vulkan时，想让屏幕上显示点东西需要做的工作太多了，非常容易放弃。(别说Vulkan了，OpenGL就已经够难了)

所以看了各论坛和思考后，我决定先上手OpenGL。

这是一个非常好的OpenGL教学网站：https://learnopengl.com/

经验：建议打开源代码看着学习，光跟着文档的话思路会很乱

下面是我做的笔记

配合源码食用更佳：https://github.com/kevinwu06/LearnOpenGL

配置

因为OpenGL不支持，所以我们需要一个库用于显示窗口和处理用户输入 (如GLUT，SDL，SFML和GLFW)

这里我们使用GLFW

GLFW

一个专门针对OpenGL的C语言库。GLFW下载

为确保完整性，下载源代码后用CMake编译。

CMake

一个工程文件生成工具。Cmake下载

glad

用于简化OpenGL获取函数地址的库。生成glad

配置

在vs项目属性中指向include和lib文件夹

将glad/src里的glad.c放入工程文件，并在vs中添加现有项

在依赖项里加入

glfw3.lib;opengl32.lib

你好，窗口

代码

源代码：https://github.com/kevinwu06/LearnOpenGL/blob/main/%E7%AA%97%E5%8F%A3.cpp

你好，三角形

现代Opengl渲染至少要设置一个顶点着色器和一个片段着色器。

知识

VAO (顶点数组对象 Vertex Array Object)

VBO (顶点缓冲对象 Vertex Buffer Object)

EBO (元素缓冲对象 Element Buffer Object)

顶点着色器(Vertex Shader)

基础源码

片段着色器(Fragment Shader)

计算像素最后的颜色输出

基础源码

着色器程序(Shader Program Object)

链接多个着色器，合并在一起。

链接顶点属性

指定Opengl如何解释顶点数据。

第一个参数：顶点属性。

第二个参数：顶点属性的大小。顶点属性是一个vec3，它由3个值组成，所以大小是3。

第三个参数：数据的类型，这里是GL_FLOAT(GLSL中vec*都是由浮点数值组成的)。

第四个参数：是否希望数据被标准化(Normalize)。如果我们设置为GL_TRUE，所有数据都会被映射到0（对于有符号型signed数据是-1）到1之间。我们把它设置为GL_FALSE。

第五个参数叫做步长(Stride)，它告诉我们在连续的顶点属性组之间的间隔。由于下个组位置数据在3个float之后，我们把步长设置为3 * sizeof(float)。要注意的是由于我们知道这个数组是紧密排列的（在两个顶点属性之间没有空隙）我们也可以设置为0来让OpenGL决定具体步长是多少（只有当数值是紧密排列时才可用）。（译注: 这个参数的意思简单说就是从这个属性第二次出现的地方到整个数组0位置之间有多少字节）。

最后一个参数：类型是void*，所以需要我们进行这个奇怪的强制类型转换。它表示位置数据在缓冲中起始位置的偏移量(Offset)。由于位置数据在数组的开头，所以这里是0。我们会在后面详细解释这个参数。

代码

硬编码着色器源码

定义全局变量

配置着色器

glBufferData参数:

GL_STATIC_DRAW ：数据不会或几乎不会改变。

GL_DYNAMIC_DRAW：数据会被改变很多。

GL_STREAM_DRAW ：数据每次绘制时都会改变。

绘制三角形

在渲染循环中

然后就可以跟三角形说你好了！

源代码：https://github.com/kevinwu06/LearnOpenGL/blob/main/%E4%B8%89%E8%A7%92%E5%BD%A2.cpp

Hey，矩形

我们绘制两个三角形来组成一个矩形

但是，我们会看到，有两个顶点是重叠的，这回大大增加开销。所以我们要用到元素缓冲对象。

元素缓冲对象(EBO)

他存储 OpenGL 用来决定要绘制哪些顶点的索引

可以看到现在只用存四个顶点数据

和VAO,VBO一样，创建并绑到缓冲中

然后在渲染循环中绘制

然后我们就得到我们的矩形了

我们还可以打开线框模式，显示矩形由两个三角形组成

源代码：https://github.com/kevinwu06/LearnOpenGL/blob/main/%E7%9F%A9%E5%BD%A2.cpp

如果你也到这步了，那么恭喜你，通过了OpenGL最难部分之一。

接下来的路还很长，我们一起加油。

标签：