OpenGL超级宝典（第7版）笔记6 顶点属性 着色器间数据传输 接口块 稍微介绍一下VAO 清单3.1-3.4

OpenGL超级宝典（第7版）笔记6 VAO顶点数组究竟是啥 清单3.1-3.4

---

上一次我们带大家绘制了第一个三角形，给这篇的着色器数值传递做了预热，稍微解释了一下插值，当然我们还留了个小问题，是关于人眼观察到的颜色的小特性。

这一篇我们将初步的解释一下顶点数组对象(VAO)究竟是干什么的。当然你要注意我会先介绍一个叫:顶点属性 的概念，这和顶点数组对象并不是一个东西，但它们是相关的。介绍完顶点属性之后我们再介绍顶点数组对象。

1 关于顶点属性

虽然上一次我们绘制出了第一个三角形，但是这也引发了一些问题需要我们改进。我们的顶点位置数据是写在着色器（shader）中的，也就是说我们每次想修改顶点的位置必须修改着色器中的数值（显然这样做并不灵活，因为目前为止我们的顶点时固定的位置，以后我们顶点的位置可能要根据输入的不同而改变）。其次如果我们有大量的三角形要显示，那么着色器程序就会变得很大，这不利于着色器的调用（会变慢），我们希望能从其他地方提供顶点数据给着色器，着色器从这些数据中按我们设定的规则提取数据，把它们作为顶点数据来进行运算。顶点属性作为着色器接受数据的接口，就是起到接受顶点数据的作用的。

1.1顶点属性声明 清单3.1

清单3.1顶点属性声明

#version 450 core
layout (location = 0) in vec4 offset;
//这里每次运行的时候接受4个GLfloat作为vec4 offset的值
//假如从location = 0这个端口位置传入的是(0.1f,0.0f,0.0f,0.0f)
	//那么顶点的位置会向右挪0.1f
void main(void){
   
	const vec4 vertices[3] = vec4[3](
	vec4(0.25,-0.25,0.5,1.0),
	vec4(-0.25,-0.25,0.5,1.0),
	vec4(0.25,0.25,0.5,1.0));
	gl_Position = vertices[gl_VertexID]+offset;
}

上面的顶点着色器会在运行的时候从0号端口(location = 0)按照之前我们设定的规则在指定的位置（或是函数）中提取所需的数值（这里是vec4，就是4个GLfloat组成的数组，这里用来表示xyzw）。
当然上面的提取规则就是通过顶点数组对象（VAO）来实现的（等一下再说）。

1.2顶点属性更新 清单3.2

那么怎么将数据传到着色器中，精确的说是传到(location = 0)这个位置上去呢，清单3.2 更新顶点属性

void render(