一、目的：不需要在著色器中指定圖形的顏色，直接在頂點資料中指定顏色

//畫三角形的頂點陣列
float vertices[] = {
　　//位置 　　　　 //顏色
　　-0.5f, -0.5f, 0.0f,1.0f,0.0f,0.0f,
　　0.5f, -0.5f,0.0f,0.0f,1.0f,0.0f,
　　0.0f,0.5f,0.0f,0.0f,0.0f,1.0f
};

二、

由於現在有更多的資料要傳送到頂點著色器，我們有必要去調整一下頂點著色器，使它能夠接收顏色值作為一個頂點屬性輸入。需要注意的是我們用layout識別符號來把aColor屬性的位置值設定為1：

頂點著色器：

 1 #version 330 core
 2 layout (location = 0
 
) in vec3 aPos;   // 位置變數的屬性位置值為 0 
 3 layout (location = 1) in vec3 aColor; // 顏色變數的屬性位置值為 1
 4 
 5 out vec3 ourColor; // 向片段著色器輸出一個顏色
 6 
 7 void main()
 8 {
 9     gl_Position = vec4(aPos, 1.0);
10     ourColor = aColor; // 將ourColor設定為我們從頂點資料那裡得到的輸入顏色
11 }

片元著色器：

#version 330 core
out vec4 FragColor;  
 
in vec3 ourColor;

void main()
{
    FragColor = vec4(ourColor, 1.0);
}

三、

因為我們添加了另一個頂點屬性，並且更新了VBO的記憶體，我們就必須重新配置頂點屬性指標。

1 // 位置屬性
2 glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)0);
3 glEnableVertexAttribArray(0);
4 // 顏色屬性
5 glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6
 
 * sizeof(float), (void*)(3* sizeof(float)));
6 glEnableVertexAttribArray(1);

達到的效果：