VBO、VAO和EBO那一节,介绍了如何向Vertex Shader传递vertex attribute的基本方法。现在我准备把这个话题再次扩展开。

传递整型数据

之前我们的顶点属性数据都是float类型的,现在我使用int(unsigned int)类型或者double类型的数据怎么办?

比如我现在用GLubyte来定义三角形的颜色:

GLfloat trianglePosition[] =
{
-1.0f, -1.0f, 0.0f,
1.0f, -1.0f, 0.0f,
0.0f, 1.0f, 0.0f
}; GLubyte triangleColor[] =
{
255, 0, 0,
0, 255, 0,
0, 0, 255
}; GLuint vbo[2] = { 0 };
glCreateBuffers(2, vbo); glNamedBufferStorage(vbo[0], sizeof(trianglePosition), trianglePosition, 0);
glNamedBufferStorage(vbo[1], sizeof(triangleColor), triangleColor, 0); GLuint vao = 0;
glCreateVertexArrays(1, &vao); glEnableVertexArrayAttrib(vao, 0);
glEnableVertexArrayAttrib(vao, 1); glVertexArrayVertexBuffer(vao, 3, vbo[0], 0, sizeof(GLfloat) * 3);
glVertexArrayVertexBuffer(vao, 5, vbo[1], 0, sizeof(GLubyte) * 3); //设置vao与binding point关联的buffer的stride是sizeof(GLubyte)*3 glVertexArrayAttribBinding(vao, 0, 3);
glVertexArrayAttribFormat(vao, 0, 3, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribFormat(vao, 1, 3, GL_UNSIGNED_BYTE, GL_TRUE, 0); //设置data type为GL_UNSIGNED_BYTE,并且normalized设置为GL_TRUE
glVertexArrayAttribBinding(vao, 1, 5);

以上代码你应该很熟悉,有两处我加了注释,标记出与传递GLfloat类型数据的不同之处。第一处是设置binding point对应的buffer的stride,这个很容易理解,没什么值得讨论的东西。关键看第二处:

glVertexArrayAttribFormat(vao, 1, 3, GL_UNSIGNED_BYTE, GL_TRUE, 0);	//设置data type为GL_UNSIGNED_BYTE,并且normalized设置为GL_TRUE

之前我就一直纳闷这个命令的GLboolean normalized到底是干啥用的,现在终于搞清楚了:这个参数只对整型的顶点属性数据起作用,来决定是否对整数类型的数据进行归一化,怎么个归一化法呢?我演示给你看:

//vertex shader
layout(location = 0) in vec3 position;
layout(location = 1) in vec3 color; //是vec3而不是uvec3 ...
void main(void)
{
...
}

注意虽然数据类型是GLubyte类型的,但是传递到vertex shader却是以float为基础的vec3。这时候vertex shader接受到的color数据其实是:(1.0, 0.0, 0.0)(0.0, 1.0, 0.0)(0.0, 0.0, 1.0)。对于无符号的整数类型譬如GLuint,GLushort和GLubyte,会从[0, MAX]线性映射到[0.0, 1.0];而对于有符号整型譬如GLuint,GLushort和GLubyte,则会从[Min, Max]线性映射到[-1.0, 1.0]。公式分别如下:

  • 无符号类型的归一化:\(f = \frac{c}{2^{b}-1}\)
  • 有符号类型的归一化:\(f = \frac{2c-1}{2^{b}-1}\)

c表示整数数值的大小,b表示这个整数有多少位,比如GLubyte和GLbyte是8位,GLuint和GLint是32位。

如果我们设置nomalized属性为GL_FALSE,那么整数会被直接强制转换为浮点数类型,也就是说vertex shader接受的color数据就会变成:(255.0, 0.0, 0.0)

(0.0, 255.0, 0.0)(0.0, 0.0, 255.0)

如果数值非常大的整数归一化到浮点数,是会丢失精度的,因此范围比较大的整数不适合归一化成浮点数,这时候我们需要直接引用整数类型的顶点属性(或者更多的时候是你需要的就是整数类型的顶点属性):

glVertexAttribIFormat(vao, 1, 3, GL_UNSIGNED_BYTE, 0);

此命令中的I字符表示的是整数类型的意思,因为是直接引用的整数类型的数据,所以此命令不需要GLboolean normalized参数。shader也变为:

//vertex shader
layout(location = 0) in vec3 position;
layout(location = 1) in uvec3 color; //是vec3而不是uvec3 ...
void main(void)
{
...
}

如代码所示:我们可以在shader中直接引用无符号整数类型的数据了。

传递双精度浮点型数据

有了前面的铺垫,传递double类型的数据很自然就能想到存在类似这样的命令:

void glVertexArrayAttribLFormat(GLuint vaobj,
GLuint attribindex,
GLint size,
GLenum type,
GLuint relativeoffset);

使用起来也和你想的一样:

GLfloat trianglePosition[] =
{
-1.0f, -1.0f, 0.0f,
1.0f, -1.0f, 0.0f,
0.0f, 1.0f, 0.0f
}; GLdouble triangleColor[] =
{
1.0, 1.0, 1.0,
0.5, 0.5, 0.5,
0.0, 0.0, 0.0
}; GLuint vbo[2] = { 0 };
glCreateBuffers(2, vbo); glNamedBufferStorage(vbo[0], sizeof(trianglePosition), trianglePosition, 0);
glNamedBufferStorage(vbo[1], sizeof(triangleColor), triangleColor, 0); GLuint vao = 0;
glCreateVertexArrays(1, &vao); glEnableVertexArrayAttrib(vao, 0);
glEnableVertexArrayAttrib(vao, 1); glVertexArrayVertexBuffer(vao, 3, vbo[0], 0, sizeof(GLfloat) * 3);
glVertexArrayVertexBuffer(vao, 5, vbo[1], 0, sizeof(GLdouble) * 3); //设置vao与binding point关联的buffer的stride是sizeof(GLdouble)*3 glVertexArrayAttribBinding(vao, 0, 3);
glVertexArrayAttribFormat(vao, 0, 3, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribLFormat(vao, 1, 3, GL_DOUBLE, 0); //设置data type为GL_DOUBLE
glVertexArrayAttribBinding(vao, 1, 5);
//vertex shader
layout(location = 0) in vec3 position;
layout(location = 1) in dvec3 color; //dvec3表示double类型的向量 ...
void main(void)
{
...
}

interleaved attributes

之前我们使用vertex attribute的方式称为separate attributes,意思是每个vertex attribute分别单独存在两个vbo中。或者像这样,也是separate attribute的变种:

//空间位置和颜色连续存放到一个buffer中
GLfloat triangle[] =
{
-1.0f, -1.0f, //空间位置
1.0f, -1.0f,
0.0f, 1.0f,
1.0f, 0.0f, 0.0f, //颜色
0.0f, 1.0f, 0.0f,
0.0f, 0.0f, 1.0f
}; glNamedBufferStorage(vbo, sizeof(triangle), triangle, 0); glEnableVertexArrayAttrib(vao, 0);
glEnableVertexArrayAttrib(vao, 1); glVertexArrayVertexBuffer(vao, 3, vbo, 0, 2 * sizeof(GLfloat));
glVertexArrayAttribFormat(vao, 0, 2, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribBinding(vao, 0, 3); glVertexArrayVertexBuffer(vao, 5, vbo, 6 * sizeof(GLfloat), 3 * sizeof(GLfloat)); //颜色的offset是跨过空间位置空间
glVertexArrayAttribFormat(vao, 1, 3, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribBinding(vao, 1, 5);

现在我再举例说明如何使用interleaved attributes,以加深对glVertexArrayVertexBufferglVertexArrayAttribLFormat的理解。

仍然是绘制一个三角形:

//空间位置和颜色交叉存放
GLfloat triangle[] =
{
-1.0f, -1.0f, //空间位置
1.0f, 0.0f, 0.0f, //颜色
1.0f, -1.0f,
0.0f, 1.0f, 0.0f,
0.0f, 1.0f,
0.0f, 0.0f, 1.0f
}; glNamedBufferStorage(vbo, sizeof(triangle), triangle, 0); glEnableVertexArrayAttrib(vao, 0);
glEnableVertexArrayAttrib(vao, 1); glVertexArrayVertexBuffer(vao, 3, vbo, 0, 5 * sizeof(GLfloat));
glVertexArrayAttribFormat(vao, 0, 2, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribBinding(vao, 0, 3); glVertexArrayVertexBuffer(vao, 5, vbo, 0, 5 * sizeof(GLfloat));
glVertexArrayAttribFormat(vao, 1, 3, GL_FLOAT, GL_FALSE, 2 * sizeof(GLfloat)); //颜色的relativeoffset是跳过顶点位置,即两个GLfloat
glVertexArrayAttribBinding(vao, 1, 5);

其实颜色的offset也可以指定给glVertexArrayVertexBuffer的第三个参数offset,而不是glVertexArrayAttribFormat的最后一个参数relativeoffset

glVertexArrayVertexBuffer(vao, 5, vbo, 2 * sizeof(GLfloat), 5 * sizeof(GLfloat));//指定颜色数据的offset
glVertexArrayAttribFormat(vao, 1, 3, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribBinding(vao, 1, 5);

那这offsetrelativeoffset到底有什么区别呢?

下面以如下方式绘制一个三角形和一个矩形。

GLfloat triangle_rect[] =
{
//三角形的空间位置和颜色交叉存放
-1.0f, -1.0f, //三角形的空间位置
1.0f, 0.0f, 0.0f, //三角形的颜色
1.0f, -1.0f,
0.0f, 1.0f, 0.0f,
0.0f, 1.0f,
0.0f, 0.0f, 1.0f, //矩形的空间位置和颜色也是交叉存放
-0.5f, 0.0f, //矩形的空间位置
0.0f, 0.0f, 0.0f, //矩形的颜色
-0.5f, -1.0f,
0.3f, 0.3f, 0.3f,
0.5f, 0.0f,
0.7f, 0.7f, 0.7f,
0.5f, -1.0f,
1.0f, 1.0f, 1.0f
}; glNamedBufferStorage(vbo, sizeof(triangle_rect), triangle_rect, 0); glEnableVertexArrayAttrib(triangle_vao, 0);
glEnableVertexArrayAttrib(triangle_vao, 1); glVertexArrayVertexBuffer(triangle_vao, 3, vbo, 0, 5 * sizeof(GLfloat));
glVertexArrayAttribFormat(triangle_vao, 0, 2, GL_FLOAT, GL_FALSE, 0);
glVertexArrayAttribBinding(triangle_vao, 0, 3); glVertexArrayVertexBuffer(triangle_vao, 5, vbo, 2 * sizeof(GLfloat), 5 * sizeof(GLfloat));
glVertexArrayAttribFormat(triangle_vao, 1, 3, GL_FLOAT, GL_FALSE, 2 * 0);
glVertexArrayAttribBinding(triangle_vao, 1, 5); glEnableVertexArrayAttrib(rect_vao, 0);
glEnableVertexArrayAttrib(rect_vao, 1); glVertexArrayVertexBuffer(rect_vao, 3, vbo, 3 * 5 * sizeof(GLfloat), 5 * sizeof(GLfloat));
glVertexArrayAttribBinding(rect_vao, 0, 3);
glVertexArrayAttribFormat(rect_vao, 0, 2, GL_FLOAT, GL_FALSE, 0); glVertexArrayVertexBuffer(rect_vao, 5, vbo, 3 * 5 * sizeof(GLfloat), 5 * sizeof(GLfloat)); //矩形颜色的offset为跨过所有的三角形的数据
glVertexArrayAttribBinding(rect_vao, 1, 5);
glVertexArrayAttribFormat(rect_vao, 1, 3, GL_FLOAT, GL_FALSE, 2 * sizeof(GLfloat)); //矩形颜色的relative offset为跨过自身的空间位置数据

看到上述代码,我相信你可能明白一些了:offset往往描述的是跨越到属于自己的数据区(跨过三角形的所有顶点数据),而在自己的数据区跨越是用relative offset来描述的(跨过矩形本身的空间位置数据)。其实也是有公式的:

//索引某个顶点的attribute公式

location = binding[attrib.binding].memory + // Start of data store in memory
binding[attrib.binding].offset + // Offset of vertex attribute in buffer
binding[attrib.binding].stride * vertex.index + // Start of *this* vertex
vertex.relative_offset; // Start of attribute relative to vertex

顶点的自动补全和截断

自动补全:

...
glVertexArrayAttribFormat(vao, 1, 1, GL_FLOAT, GL_FALSE, 0); //指定attribute index 1只有一个float分量 //vertex shader
layout(location = 1) in vec4 color; //color的y和z分量被补全为0,w分量为1
...

截断:

...
glVertexArrayAttribFormat(vao, 1, 4, GL_FLOAT, GL_FALSE, 0); //指定attribute index 1只有一个4个float分量 //vertex shader
layout(location = 1) in vec2 color; //只拿到了x和y分量,z和w直接被丢弃掉了
...

小结

通过这一节,我们掌握了如下内容:

  1. 能够给Vertex Shader传递整数类型的vertex attribute,以及归一化和不归一化的区别
  2. 能够给Vertex Shader传递double类型的vertex attribute
  3. 学会separate attribute和interleaved attribute的顶点数据组织以及传递方式,两种类型分别有两种,一共四种
  4. 了解顶点属性的自动补全和截断

向Vertex Shader传递vertex attribute的更多相关文章

  1. Stage3d 由浅到深理解AGAL的管线vertex shader和fragment shader || 简易教程 学习心得 AGAL 非常非常好的入门文章

    Everyday Stage3D (一) Everyday Stage3D (二) Triangle Everyday Stage3D (三) AGAL的基本概念 Everyday Stage3D ( ...

  2. PlayCanvas PBR材质shader代码分析(vertex shader)

    顶点shader主要对顶点坐标变换,将顶点坐标从local->world->view->clip 空间变换 local空间:模型物体坐标系 world空间:世界空间坐标系 view空 ...

  3. linearizing the depth in vertex shader

    please refer to http://www.mvps.org/directx/articles/linear_z/linearz.htm When using a programmable ...

  4. 学习笔记:GLSL Core Tutorial – Vertex Shader(内置变量说明)

    1.每个Vertex Shader都有用户定义的输入属性,例如:位置,法线向量和纹理坐标等.Vertex Shaders也接收一致变量(uniform variables). uniform vari ...

  5. GLSL写vertex shader和fragment shader

    0.一般来说vertex shader处理顶点坐标,然后向后传输,经过光栅化之后,传给fragment shader,其负责颜色.纹理.光照等等. 前者处理之后变成裁剪坐标系(三维),光栅化之后一般认 ...

  6. vertex shader(4)

    Swizzling and Masking 如果你使用输入.常量.临时寄存器作为源寄存器,你可以彼此独立地swizzle .x,.y,.z,.w值.如果你使用输出.临时寄存器作为目标寄存器,你可以把. ...

  7. vertex shader(3)

    之前我们学习了如何声明顶点着色器.如何设置常量寄存器中的常量.接下来我们学习如何写和编译一个顶点着色器程序. 在我们编译一个顶点着色器之前,首先需要写一个. 有17种不同的指令(instruction ...

  8. vertex shader(2)

    一次只有一个vertex shader是活跃的.你可以有多个vertex shader,如果一个物体特殊的变换或者灯光,你可以选择合适的vertex shader来完成这个任务. 你可能想使用vert ...

  9. vertex shader(1)

    Vertex shader Architecture: 所有在vertex shader中的数据都用128-bit的quad-floats表示(4x32-bit). vertex shader线性地执 ...

随机推荐

  1. PTA 中序输出度为1的结点

    6-9 中序输出度为1的结点 (10 分)   本题要求实现一个函数,按照中序遍历的顺序输出给定二叉树中度为1的结点. 函数接口定义: void InorderPrintNodes( BiTree T ...

  2. C++并发与多线程学习笔记--基本概念和实现

    基本概念 并发 可执行程序.进程.线程 学习心得 并发的实现方法 多进程并发 多线程并发 总结 C++标准库 基本概念 (并发.进程.线程)区分C++初级编程和中高级编程 并发 两个或者更多的任务同时 ...

  3. Apache Hudi核心概念一网打尽

    1. 场景 https://hudi.apache.org/docs/use_cases.html 近实时写入 减少碎片化工具的使用 CDC 增量导入 RDBMS 数据 限制小文件的大小和数量 近实时 ...

  4. DevOps教程:DevOps 面试题

     [注]本文译自:https://www.javatpoint.com/devops-interview-questions

  5. Python转义字符中'\'的个数问题

    Python转义字符中''的个数问题 如果字符串里面有很多字符都需要转义,就需要加很多\,为了简化,Python还允许用r' '或者r" "表示''或" "内部 ...

  6. 【近取 key】NABCD分析

    项目 内容 这个作业属于哪个课程 2021春季计算机学院软件工程(罗杰 任健) 这个作业的要求在哪里 团队项目-NABCD分析 我在这个课程的目标是 提升工程能力和团队意识,熟悉软件开发的流程 这个作 ...

  7. OOUML系列总结及终章回顾

    盼望着,盼望着,OO课程终于结束了,但是,此刻的我却感到一丝失落,甚至想着再来一单元岂不妙哉? 目录 总结本单元三次作业架构 四个单元中架构设计及OO方法理解的演进 四个单元中测试理解与实践的演进 课 ...

  8. Salesforce学习之路(七)Visualforce结合Reports展示图表

    Salesforce作为一款CRM系统,个人觉得最重要的环境便是在于数据的展示和联动,而Salesforce也本身提供了相当强大的功能,Report在展示图表的方面十分强大,前段时间更是宣布以157亿 ...

  9. 1443. Minimum Time to Collect All Apples in a Tree

    Given an undirected tree consisting of n vertices numbered from 0 to n-1, which has some apples in t ...

  10. BLDC有感FOC算法理论及其STM32软硬件实现

    位置传感器:旋转编码器          MCU:STM32F405RGT6          功率MOS驱动芯片:DRV8301 全文均假设在无弱磁控制的情况下 FOC算法理论 首先,我们要知道FO ...