图形学笔记（三）画一个彩色的三角形
画完三角形，那么给它变个色吧。
一、代码
- main.cpp
#include 不出意外，三角形会变成彩色的，如下图所示。
注意， Shader.h 、 core1.vs 、 core1.frag 文件也要有。不记得是不是和前面代码一样了，就把这三个文件的代码也发一下吧。
- Shader.h
#pragma once
//#ifndef shader_hpp
//#define shader_hpp
//#endif /* shader_hpp */
#include- core1.vs
#version 330 core
layout(location = 0) in vec3 position;
layout(location = 1) in vec3 color;
out vec3 ourColor;
void main(){
gl_Position = vec4(position.x, position.y, position.z, 1.0f);
ourColor = color;
};
- core1.frag
#version 330 core
in vec3 ourColor;
out vec4 color;
void main(){
color = vec4(ourColor, 0.7f);
};
二、讲解
坐标变了。
GLfloat vertices[] = {
//position //color
-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
};
因为增加了三列，所以这里也要做相应变化。
//set the attribute
//设置顶点属性指针,设置顶点属性指针
//第一个参数指定我们要配置的顶点属性。location 的值。
//第二个参数指定顶点属性的大小。
//第三个参数指定数据的类型，这里是 GL_FLOAT。
//第四个参数：是否希望数据被标准化，即所有数据都会被映射到 0 到 1 之间。
//第五个参数叫做步长，即连续的顶点属性组之间的间隔。
//最后一个参数：位置数据在缓冲中起始位置的偏移量。
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE,
6 * sizeof(GLfloat), (GLvoid *)0); //0:对应调色器里 location 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；6*sizeof(GLfloat):对应 Buffer 里传的数据；(GLvoid*)0:从第 0 个位置开始
glEnableVertexAttribArray(0);
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE,
6 * sizeof(GLfloat), (GLvoid *)(3 * sizeof(GLfloat))); //1:对应调色器里 color 的值；3:对应 vec3 三个量；GL_FLOAT:浮点型；GL_FALSE:；6*sizeof(GLfloat):每次跨越 6 个；(GLvoid*) (3 * sizeof(GLfloat)):从第 3 个位置开始
glEnableVertexAttribArray(1);
其他讲解可以参考之前那篇 画一个三角形 的文章。
三、致谢
着色器
本文首发于个人博客：Wonz の Blog 。