纹理单元

最近在学习OpenGL,把学习的一些过程写在这里,希望与大家共同分享讨论。欢迎光临我的个人网站Orient一起讨论学习。这里是我的GitHub,如果您喜欢,不妨点个赞?☺

纹理单元

纹理单元主要目的是让我们在着色器中可以使用多于一个的纹理。通过把纹理单元赋值给采样器,我们可以一次绑定多个纹理,只要我们首先激活对应的纹理单元。就像glBindTexture一样,我们可以使用管理ActiveTexture激活纹理单元,传入我们需要使用的纹理单元。

glActiveTexture(GL_TEXTURE0):
glBindTexture(GL_TEXTURE_2D, texture);

激活纹理单元后,使用glBindTexture函数绑定这个纹理到当前激活的纹理单元,纹理单元GL_TEXTURE0默认总是被激活。

OpenGL至少保证16个纹理单元供使用,也就是说可以激活从GL_TEXTURE0到GL_TEXTURE15。

我们仍需要编辑片段着色器来接受另一个采样器:

#version 410 core
···

uniform sampler2D texture1;
uniform sampler2D texture2;

void main()
{
    FragColor = mix(texture(texture1, TexCoord), texture(texture2, TexCoord), 0.2);
}

最终输出颜色是两个纹理的结合。第三个参数是对两个纹理颜色进行线性插值。

载入第二张纹理步骤与之前一样。为了使用两个纹理,需改变渲染流程。先绑定两个纹理到对应的纹理单元,然后定义哪个uniform采样器对应哪个纹理单元:

glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, texture1);
glActiveTexture(GL_TEXTURE1);
glBindTexture(GL_TEXTURE_2D, texture2);

glBindVertexArray(VAO);
glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);

还需要通过使用glUniform1i设置每个采样器的方式告诉OpenGL每个着色器采样器属于哪个纹理单元。只需要设置一次即可,并且在渲染循环之前设置:

ourShader.use();
glUniform1i(glGenUniformLocation(ourShader.ID, "texture1"), 0); // 手动设置
ourShader.setInt("texture2", 1); // 或使用着色器类设置

最终结果如下图:


image

因为OpenGL要求y轴0.0坐标是在图片的底部的,但是图片的y轴0.0坐标通常在顶部,所以纹理上下颠倒了,我们只需要在加载任何图像之前加入以下语句:

stbi_set_flip_vertically_on_load(true);

结果如下图:

image

你可以点击这里找到源代码。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • http://blog.csdn.net/wangdingqiaoit/article/details/51457...
    jerryhigh阅读 5,402评论 0 8
  • 纹理(Textures) 我们已经了解到,我们可以为每个顶点使用颜色来增加图形的细节,从而创建出有趣的图像。但是通...
    IceMJ阅读 5,708评论 2 13
  • 版本记录 前言 OpenGL 图形库项目中一直也没用过,最近也想学着使用这个图形库,感觉还是很有意思,也就自然想着...
    刀客传奇阅读 8,986评论 0 8
  • 一、纹理基础 3D图形渲染中最基本的操作就是对一个表面应用纹理。纹理可以表现只从网格的几何形状无法得到的附加细节。...
    cain_huang阅读 8,933评论 0 7
  • 纹理的基础知识 2D 纹理 2d纹理是OpenGlES中最基础和普遍的一种纹理结构。一个2d纹理,就是图片的数据的...
    Zsj_Sky阅读 5,493评论 0 8