從頂點資料中傳入頂點位置和頂點顏色
阿新 • • 發佈:2018-11-03
一、目的:不需要在著色器中指定圖形的顏色,直接在頂點資料中指定顏色
//畫三角形的頂點陣列
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);
達到的效果: