OpenGL创建一个三角形，并且颜色渐变（绿—>黑—>绿）

学习自：

https://learnopengl-cn.github.io/01%20Getting%20started/05%20Shaders/#_4

 #include <glad/glad.h>
 #include <GLFW/glfw3.h>

 #include <iostream>
 #include <cmath>

 void framebuffer_size_callback(GLFWwindow* window, int width, int height);
 void processInput(GLFWwindow *window);

 // 设置窗体的宽度和高度
 const unsigned int SCR_WIDTH = ;
 const unsigned int SCR_HEIGHT = ;

 const char *vertexShaderSource = "#version 330 core\n"
 "layout (location = 0) in vec3 aPos;\n"
 "void main()\n"
 "{\n"
 "   gl_Position = vec4(aPos, 1.0);\n"
 "}\0";

 const char *fragmentShaderSource = "#version 330 core\n"
 "out vec4 FragColor;\n"
 "uniform vec4 ourColor;\n"
 "void main()\n"
 "{\n"
 "   FragColor = ourColor;\n"
 "}\n\0";

 int main()
 {
     // 初始化glfw
     glfwInit();
     glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, );
     glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, );
     glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

     // 条件编译语句，如果是苹果系统？
 #ifdef __APPLE__
     glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE); // uncomment this statement to fix compilation on OS X
 #endif

     // 创建glfw窗体
     GLFWwindow* window = glfwCreateWindow(, , "LearnOpenGL", NULL, NULL);
     if (window == NULL)
     {
         std::cout << "Failed to create GLFW window" << std::endl;
         glfwTerminate();
         return -;
     }
     glfwMakeContextCurrent(window);
     glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);

     // glad: load all OpenGL function pointers
     // ---------------------------------------
     if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
     {
         std::cout << "Failed to initialize GLAD" << std::endl;
         return -;
     }

     // 创建并编译着色器
     // vertex shader
     int vertexShader = glCreateShader(GL_VERTEX_SHADER);
     //glShaderSource函数把要编译的着色器对象作为第一个参数。
     //第二参数指定了传递的源码字符串数量，这里只有一个。
     //第三个参数是顶点着色器真正的源码。
     //第四个参数我们先设置为NULL。
     glShaderSource(vertexShader, , &vertexShaderSource, NULL);
     glCompileShader(vertexShader);
     // 错误检测
     int success;//表示是否编译成功
     char infoLog[];//存储错误信息
     glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);
     if (!success)
     {
         glGetShaderInfoLog(vertexShader, , NULL, infoLog);
         std::cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << infoLog << std::endl;
     }
     // 片段着色器
     int fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);
     glShaderSource(fragmentShader, , &fragmentShaderSource, NULL);
     glCompileShader(fragmentShader);
     // 错误检测
     glGetShaderiv(fragmentShader, GL_COMPILE_STATUS, &success);
     if (!success)
     {
         glGetShaderInfoLog(fragmentShader, , NULL, infoLog);
         std::cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n" << infoLog << std::endl;
     }
     // 将着色器链接为一个着色器对象
     int shaderProgram = glCreateProgram();
     glAttachShader(shaderProgram, vertexShader);
     glAttachShader(shaderProgram, fragmentShader);
     glLinkProgram(shaderProgram);
     // 错误检测
     glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
     if (!success) {
         glGetProgramInfoLog(shaderProgram, , NULL, infoLog);
         std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n" << infoLog << std::endl;
     }
     //在把着色器对象链接到程序对象以后，记得删除着色器对象，我们不再需要它们了：
     glDeleteShader(vertexShader);
     glDeleteShader(fragmentShader);

     // 设置顶点
     float vertices[] = {
          0.5f, -0.5f, 0.0f,  // bottom right
         -0.5f, -0.5f, 0.0f,  // bottom left
          0.0f,  0.5f, 0.0f   // top
     };
     //创建一个VAO——顶点数组对象(Vertex Array Object, VAO)
     //        VAO可以像顶点缓冲对象那样被绑定，任何随后的顶点属性调用都会储存在这个VAO中。
     //创建VBO——顶点缓冲对象：Vertex Buffer Object，VBO
     //        它会在GPU内存（通常被称为显存）中储存大量顶点。
     //        使用这些缓冲对象的好处是我们可以一次性的发送一大批数据到显卡上，而不是每个顶点发送一次。
     unsigned int VBO, VAO;
     glGenVertexArrays(, &VAO);
     glGenBuffers(, &VBO);
     // 1.绑定VOA
     glBindVertexArray(VAO);
     // 2.把顶点数组复制到缓冲*OpenGL使用
     glBindBuffer(GL_ARRAY_BUFFER, VBO);
     glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

     /*
     GL_STATIC_DRAW ：数据不会或几乎不会改变。
     GL_DYNAMIC_DRAW：数据会被改变很多。
     GL_STREAM_DRAW ：数据每次绘制时都会改变。
     */

     // 3.设置顶点属性指针
     glVertexAttribPointer(, , GL_FLOAT, GL_FALSE,  * sizeof(float), (void*));
     glEnableVertexAttribArray();

     glBindVertexArray(VAO);

     // 循环渲染
     // -----------
     while (!glfwWindowShouldClose(window))
     {
         // 输入
         processInput(window);

         // 渲染
         // 清楚颜色缓冲
         glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
         glClear(GL_COLOR_BUFFER_BIT);

         // 记得激活着色器
         glUseProgram(shaderProgram);

         // 更新uniform，然后每个渲染迭代都更新这个uniform：
         /*
         首先我们通过glfwGetTime()获取运行的秒数。
         然后我们使用sin函数让颜色在0.0到1.0之间改变，
         最后将结果储存到greenValue里。
         */
         float timeValue = glfwGetTime();
         float greenValue = sin(timeValue) / 2.0f + 0.5f;
         /*
         用glGetUniformLocation查询uniform ourColor的位置值。
         如果glGetUniformLocation返回-1就代表没有找到这个位置值。

         注意，查询uniform地址不要求你之前使用过着色器程序，
         但是更新一个uniform之前你必须先使用程序（调用glUseProgram)，
         因为它是在当前激活的着色器程序中设置uniform的。
         */
         int vertexColorLocation = glGetUniformLocation(shaderProgram, "ourColor");
         //最后，我们可以通过glUniform4f函数设置uniform值。
         glUniform4f(vertexColorLocation, 0.0f, greenValue, 0.0f, 1.0f);

         // 绘制三角形
         glDrawArrays(GL_TRIANGLES, , );

         // 交换缓冲并查询IO事件
         glfwSwapBuffers(window);
         glfwPollEvents();
     }

     // 取消分配的空间
     glDeleteVertexArrays(, &VAO);
     glDeleteBuffers(, &VBO);

     // 终止，清除所有先前分配的GLFW资源。
     glfwTerminate();
     return ;
 }

 // glfw：点击esc退出，可是删掉这一块前面的东西还会报错，还是留着吧
 void processInput(GLFWwindow *window)
 {
     if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
         glfwSetWindowShouldClose(window, true);
 }

 // 每当窗口大小发生变化（通过OS或用户调整大小）时，都会执行此回调函数
 void framebuffer_size_callback(GLFWwindow* window, int width, int height)
 {
     //确保视口与新窗口尺寸匹配; 请注意宽度和
     //高度将远远大于视网膜显示器上指定的高度。
     glViewport(, , width, height);
 }