OpenGL的图像管线

最新推荐文章于 2024-05-13 06:29:46 发布

雨天的恶意

最新推荐文章于 2024-05-13 06:29:46 发布

阅读量93

点赞数

分类专栏：使用OpenGL和C++ 文章标签： c++

本文链接：https://blog.csdn.net/m0_62238141/article/details/134642639

版权

使用OpenGL和C++ 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

A.1 OpenGL管线

A.2 C++/OpenGL应用程序

GLFW 文档 - 掘金 (juejin.cn)

在我们尝试编写着色器之前，我们先用编写一个简单的C++/OpenGL应用程序，创建一个GLFWwindow实例并为其设置背景色。

 - 初始化GLFW库
 - 实例化GLFWwindow
 - 初始化GLEW库
 - 调用一次init()函数
 - 重复调用display()函数
 - 注意：在初始化GLEW前必须先初始化GLFW，也就是说必须在调用glewInit()前先调用glfwInit()。

将每个程序的初始化任务都放在init（）函数中，用于绘制GLFWwindow的代码都放在display（）函数中。

#include <GL/glew.h>
 #include <GLFW/glfw3.h>
 #include <iostream>
 
 void init(GLFWwindow* window){ }
 
 void display(GLFWwindow* window, double currentTime)
 {
     //让我们指定颜色缓冲区清除后填充的值，rgba表示，此处为红色
     glClearColor(1.0f, 0.0f, 0.0f, 1.0f);
     //用于清除窗口的颜色缓冲区
     glClear(GL_COLOR_BUFFER_BIT);
 }
 int main()
 {
     if (!glfwInit())
         exit(EXIT_FAILURE);
     //指定计算机必需与OpenGL版本4.3的兼容，主版本号为4，次版本号为3
     glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 4);
     glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
     //glfwCreateWindow,创建宽，高位600像素，顶部标题为Hello，World，
     // 另外两个参数分别用来表示允许全屏显示和资源共享
     GLFWwindow* window = glfwCreateWindow(600, 600, "Hello, World", nullptr, nullptr);
     //关联当前GLFW窗口和OpenGL上下文（我们创建的GLFW窗口不会自动关联OpenGL的上下文）
     glfwMakeContextCurrent(window);
 
     if (glewInit() != GLEW_OK)
         exit(EXIT_FAILURE);
     //开启垂直同步
     glfwSwapInterval(1);
 
     init(window);
 
     while (!glfwWindowShouldClose(window))
     {
         display(window, glfwGetTime());
         glfwSwapBuffers(window);
         //处理窗口相关的事件（如按键事件）
         glfwPollEvents();
     }
 
     glfwDestroyWindow(window);
     glfwTerminate();
     exit(EXIT_SUCCESS);
 }

A.3顶点着色器和片段着色器

OpenGL只能绘制几类非常简单的东西，如点、线、三角形。这些简单的东西叫图元。

图元由顶点组成，如三角形由三个顶点。

顶点来源有很多，如从文件读取并由C++/OpenGL应用载入缓冲区，直接在C++中硬编码，或者直接在GLSL代码中生成。

在加载顶点之前，C++/OpenGL应用程序必须编译并链接合适的GLSL顶点着色器和片段着色器程序，之后将他们载入管线。

我们会使用一个OpenGL的函数来构建图形，所有的顶点都会被传入顶点着色器，被逐次处理。

glDrawArrays()

语法：

 void WINAPI glDrawArrays(
    GLenum  mode,//要呈现的基元类型
    GLint   first,//已启用的数组中的起始索引。
    GLsizei count//要呈现的所引数
 );

使用C++硬编码的方式，画一个点

 //在C++代码中写GLSL代码--以字符串的形式
 //需要写一个顶点着色器（指定绘制的形状，一般以数组的形式传递）
 //还需一个片段着色器（主要指颜色、光照、阴影等光影效果）
 //可以将其封装到函数CreateShaderProgram
 unsigned int CreateShaderProgram()
 {
     const char* vShaderSource = 
         "#version 430 \n"
         "void main(void) \n"
         "{gl_Position = vec4(0.0, 0.0, 0.0, 1.0);}";
     //gl_Position内置的坐标变量，前三个参数对应坐标的(x,y,z)，第四个参数为矩阵变换时会用到的值，变换矩阵是4x4，所有我们     //还需要添加一位才能进行矩阵的乘法
     const char* fShaderSource =
         "#version 430 \n"
         "out vec4 color; \n"
         "void main(void) \n"
         "{ color = vec4(0.0, 0.0, 1.0, 1.0); }";
     
     //创建顶点着色器和片段着色器
     unsigned int vShader = glCreateShader(GL_VERTEX_SHADER);
     unsigned int fShader = glCreateShader(GL_FRAGMENT_SHADER);
     //替换vShader，fShader中的源代码，使用自定义的编码
     glShaderSource(vShader, 1, &vShaderSource, NULL); 
     glShaderSource(fShader, 1, &fShaderSource, NULL);
     //对着色器对象进行编译
     glCompileShader(vShader);
     glCompileShader(fShader);
     //创建一个Program链接着色器对象，执行的就是链接有着色器对象的程序
     unsigned int vfProgram = glCreateProgram();
     //把之前编译的着色器附加到程序对象上，然后用glLinkProgram链接它们
     glAttachShader(vfProgram, vShader);
     glAttachShader(vfProgram, fShader);
     glLinkProgram(vfProgram);
     //返回连接好的着色器程序
     return vfProgram;
 }
 //init函数
 #define numVAOs 1
 unsigned int renderingProgram;
 unsigned int vao[numVAOs];//顶点数组，必须要有
 void init(GLFWwindow* window)
 { 
     renderingProgram = CreateShaderProgram();
     glGenVertexArrays(numVAOs, vao);//生成顶点数组对象名称，用numVAOs存储
     glBindVertexArray(vao[0]);//绑定vao[0]
 }
 //display函数
 void display(GLFWwindow* window, double currentTime)
 {
     glUseProgram(renderingProgram);//激活程序对象
     glPointSize(30.0f);//设置点的大小
     glDrawArrays(GL_POINTS, 0, 1);//绘制方式，绘制一个点
 }

完整.cpp代码

#include <GL/glew.h>
 #include <GLFW/glfw3.h>
 #include <iostream>
 #define numVAOs 1
 unsigned int renderingProgram;
 unsigned int vao[numVAOs];//顶点数组，必须要有
 unsigned int CreateShaderProgram();
 
 void init(GLFWwindow* window)
 {
     renderingProgram = CreateShaderProgram();
     glGenVertexArrays(numVAOs, vao);//生成顶点数组对象名称，用numVAOs存储
     glBindVertexArray(vao[0]);//绑定vao[0]
 }
 
 void display(GLFWwindow* window, double currentTime)
 {
     glUseProgram(renderingProgram);//激活程序对象
     glPointSize(30.0f);//设置点的大小
     glDrawArrays(GL_POINTS, 0, 1);//绘制方式，绘制一个点
 }
 unsigned int CreateShaderProgram()
 {
     const char* vShaderSource =
         "#version 430 \n"
         "void main(void) \n"
         "{gl_Position = vec4(0.0, 0.0, 0.0, 1.0);}";
     //gl_Position内置的坐标变量，前三个参数对应坐标的(x,y,z)，第四个参数为矩阵变换时会用到的值，变换矩阵是4x4，所有我们     //还需要添加一位才能进行矩阵的乘法
     const char* fShaderSource =
         "#version 430 \n"
         "out vec4 color; \n"
         "void main(void) \n"
         "{ color = vec4(0.0, 0.0, 1.0, 1.0); }";
 
     //创建顶点着色器和片段着色器
     unsigned int vShader = glCreateShader(GL_VERTEX_SHADER);
     unsigned int fShader = glCreateShader(GL_FRAGMENT_SHADER);
     //替换vShader，fShader中的源代码，使用自定义的编码
     glShaderSource(vShader, 1, &vShaderSource, NULL);
     glShaderSource(fShader, 1, &fShaderSource, NULL);
     //对着色器对象进行编译
     glCompileShader(vShader);
     glCompileShader(fShader);
     //创建一个Program链接着色器对象，执行的就是链接有着色器对象的程序
     unsigned int vfProgram = glCreateProgram();
     //把之前编译的着色器附加到程序对象上，然后用glLinkProgram链接它们
     glAttachShader(vfProgram, vShader);
     glAttachShader(vfProgram, fShader);
     glLinkProgram(vfProgram);
     //返回连接好的着色器程序
     return vfProgram;
 }
 int main()
 {
     if (!glfwInit())
         exit(EXIT_FAILURE);
     glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 4);
     glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
     GLFWwindow* window = glfwCreateWindow(600, 600, "Hello, world", nullptr, nullptr);
     glfwMakeContextCurrent(window);
 
     if (glewInit() != GLEW_OK)
         exit(EXIT_FAILURE);
     glfwSwapInterval(1);
 
     init(window);
 
     while (!glfwWindowShouldClose(window))
     {
         display(window, glfwGetTime());
         glfwSwapBuffers(window);
         glfwPollEvents();
     }
 
     glfwDestroyWindow(window);
     glfwTerminate();
     exit(EXIT_SUCCESS);
 }

运行结果：

在这GLuint是OpenGL中的数据类型，表示的就是无符号整数，所以我用unsigned int。

#define numVAOs 1：这行代码定义了一个宏numVAOs，并将其值设置为1。这是为了在后面的代码中使用这个宏。
unsigned int renderingProgram;：声明一个无符号整数类型的变量renderingProgram，用于存储渲染程序的ID。
unsigned int vao[numVAOs];：声明一个无符号整数类型的数组vao，大小为numVAOs，用于存储顶点着色器程序的ID。
unsigned int createShaderProgram()：该函数用于创建一个渲染程序。
const char* vshaderSource:用于存储顶点着色器的源代码。
const char* fshaderSource：用于存储片段着色器的源代码。
unsigned int vShader = glCreateShader(GL_VERTEX_SHADER);：调用OpenGL函数glCreateShader创建一个顶点着色器，并将其赋值给变量vShader。
unsigned int fShader = glCreateShader(GL_FRAGMENT_SHADER);：调用OpenGL函数glCreateShader创建一个片段着色器，并将其赋值给变量fShader。
glShaderSource(vShader, 1, &vShaderSource, NULL);：调用OpenGL函数glShaderSource将顶点着色器的源代码传递给顶点着色器。
glShaderSource(fShader, 1, &fShaderSource, NULL);：调用OpenGL函数glShaderSource将片段着色器的源代码传递给片段着色器。
glCompileShader(vShader);：调用OpenGL函数glCompileShader编译顶点着色器。
glCompileShader(fShader);：调用OpenGL函数glCompileShader编译片段着色器。
unsigned int vfProgram = glCreateProgram();：调用OpenGL函数glCreateProgram创建一个渲染程序，并将其赋值给变量vfProgram。
glAttachShader(vfProgram, vShader);：调用OpenGL函数glAttachShader将顶点着色器添加到渲染程序中。
glAttachShader(vfProgram, fShader);：调用OpenGL函数glAttachShader将片段着色器添加到渲染程序中。
glLinkProgram(vfProgram);：调用OpenGL函数glLinkProgram链接渲染程序。
glGenVertexArrays(numVAOs, vao);：调用OpenGL函数glGenVertexArrays创建一个顶点着色器数组，并将其赋值给变量vao[0]。
glBindVertexArray(vao[0]);：调用OpenGL函数glBindVertexArray将顶点着色器数组绑定到当前的渲染程序中。

在片段着色器中同样有一个变量能让我们访问输入片段的坐标，叫作gl_FragCoord。让我们来使用它基于位置来设置每个像素的值。

 const char* fShaderSource =
         "#version 430 \n"
         "out vec4 color; \n"
         "void main(void) \n"
         "{ if(gl_FragCoord.x < 255) color = vec4(1.0, 0.0, 0.0, 1.0); else color = vec4(0.0, 0.0, 1.0, 1.0);}";

同时我们需要将该点设置得更大一点。