现代OpenGL教程（一）：绘制三角形（imgui+OpenGL3.3）
前言：imgui 是一个开源的GUI框架，自带的例子里面直接集成了glfw+gl3w环境，本例使用的版本是imgui v1.61，下载地址：https://github.com/ocornut/imgui/tags
教程目录（持续更新中）：
现代OpenGL教程（一）：绘制三角形（ImGui+OpenGL3.3）
现代OpenGL教程（二）：矩阵变换（ImGui+OpenGL3.3）
现代OpenGL教程（三）：绘制彩色立方体（ImGui+OpenGL3.3）
现代OpenGL教程（四）：立方体纹理贴图（ImGui+OpenGL3.3）
现代OpenGL教程（五）：obj模型加载（ImGui+OpenGL3.3）
现代OpenGL教程（六）：鼠标和键盘（ImGui+OpenGL3.3）
现代OpenGL教程（七）：基础光照——颜色（ImGui+OpenGL3.3）
现代OpenGL教程（八）：基础光照——Phong光照模型（ImGui+OpenGL3.3）
现代OpenGL教程（九）：基础光照——材质（ImGui+OpenGL3.3）
本节要点：
1. OpenGL图形渲染管线
2. OpenGL着色器语言(OpenGL Shading Language, GLSL)
3. 顶点数组对象：Vertex Array Object，VAO
4. 顶点缓冲对象：Vertex Buffer Object，VBO
运行效果：
OpenGL图形渲染管线、shader和GLSL
OpenGL的图形渲染管线的作用是将3D坐标转为能显示在屏幕上有色2D像素数组，主要由两部分组成：把3D坐标转换为2D坐标，把2D坐标转变为实际的有颜色的像素。上图的每一个阶段都能够被GPU的一种特定的小程序（即shader，着色器）并行执行，从而实现数据的快速处理。OpenGL着色器是用OpenGL着色器语言(OpenGL Shading Language, GLSL)写成的。现代OpenGL中，我们必须定义至少一个顶点着色器和一个片段着色器（因为GPU中没有默认的顶点/片段着色器）。GLSL必须在运行时编译，每次启动程序时，所有的着色器将重新编译。
定义一个三角形
static const GLfloat g_vertex_buffer_data[] = {
-1.0f, -1.0f, 0.0f,
1.0f, -1.0f, 0.0f,
0.0f, 1.0f, 0.0f,
};
顶点数组对象(VAO)
创建一个VAO，注意：这一步必须在其他OpenGL调用前完成。
GLuint VertexArrayID;
glGenVertexArrays(1, &VertexArrayID);
glBindVertexArray(VertexArrayID);
顶点缓冲对象(VBO)
就像OpenGL中的其它对象一样，这个缓冲有一个独一无二的ID，所以我们可以使用glGenBuffers函数和一个缓冲ID生成一个VBO对象。着色器和缓冲对象一样不能直接访问，我们仅拥有其ID，其真正的实现隐藏在驱动程序中。OpenGL有很多缓冲对象类型，顶点缓冲对象的缓冲类型是GL_ARRAY_BUFFER。
glBufferData是一个专门用来把用户定义的数据复制到当前绑定缓冲的函数。它的第一个参数是目标缓冲的类型：顶点缓冲对象当前绑定到GL_ARRAY_BUFFER目标上。第二个参数指定传输数据的大小(以字节为单位)；用一个简单的sizeof()计算出顶点数据大小就行。第三个参数是我们希望发送的实际数据。第四个参数指定了我们希望显卡如何管理给定的数据。
//定义顶点缓冲，并将顶点缓冲传给OpenGL
GLuint vertexbuffer;
glGenBuffers(1, &vertexbuffer);
// 把我们的顶点数组复制到一个顶点缓冲中，供OpenGL使用
glBindBuffer(GL_ARRAY_BUFFER, vertexbuffer);
glBufferData(GL_ARRAY_BUFFER, sizeof(g_vertex_buffer_data), g_vertex_buffer_data, GL_STATIC_DRAW);
现在已经把顶点数据储存在显卡的内存中，用vertexbuffer这个顶点缓冲对象来管理这些顶点数据。
完整代码
顶点着色器代码：SimpleVertexShader.vertexshader
#version 330 core
// Input vertex data, different for all executions of this shader.
layout(location = 0) in vec3 vertexPosition_modelspace;
void main(){
gl_Position.xyz = vertexPosition_modelspace;
gl_Position.w = 1.0;
}
片段着色器代码：SimpleFragmentShader.fragmentshader
#version 330 core
// Ouput data
out vec3 color;
void main()
{
// Output color = red
color = vec3(1,0,0);
}
shader.hpp
#ifndef SHADER_HPP
#define SHADER_HPP
GLuint LoadShaders(const char * vertex_file_path,const char * fragment_file_path);
#endif
shader.cpp
#include 主程序代码：main.cpp
#include "imgui.h"
#include "imgui_impl_glfw_gl3.h"
#include 参考资料：
1.OpenGL–使用ImGui渲染三角形 - Pan_Chengyuan的博客 - CSDN博客
2.第二课：绘制第一个三角形 - opengl-tutorial
3.你好，三角形 - LearnOpenGL CN