OpenGL 2D贴图texture与着色器Shader

最新推荐文章于 2025-09-20 23:29:16 发布

原创

最新推荐文章于 2025-09-20 23:29:16 发布 · 4k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#opengl纹理 #opengl texture #颜色混合贴图 #opengl着色器 #opengl贴图

这篇博客介绍了OpenGL中2D纹理texture的使用和着色器Shader的应用，包括运行效果展示、纹理ID的绑定、平移与旋转操作，以及如何通过着色器实现颜色混合和顶点颜色叠加。同时，详细给出了片段和顶点着色器的代码，以及鼠标滚轮事件处理旋转的实现方法。

OpenGL 2D贴图texture与着色器Shader

运行效果

利用GLSL操作shader着色器实现平移、纹理与顶点颜色的叠加处理：
运行效果
利用GLSL操作shader着色器实现平移、旋转等操作：

定义纹理ID与绑定纹理

GLfloat vertices2[] = {
   
   
    // 坐标             // 颜色       // 纹理
    0.5f,  0.5f, 0.0f,  1.0f, 1.0f,  0.0f, 1.0f, 1.0f, // 右上 黄
    0.5f, -0.5f, 0.0f,  1.0f, 0.0f,  1.0f, 1.0f, 0.0f, // 右下 品
   -0.5f, -0.5f, 0.0f,  0.0f, 1.0f,  1.0f, 0.0f, 0.0f, // 左下 青
   -0.5f,  0.5f, 0.0f,  0.0f, 0.0f,  0.0f, 0.0f, 1.0f  // 左上 黑
};
GLuint indices[] = {
   
   
    0, 1, 3,    // 起始顶点：右上 -> 右下 -> 左上
    1, 2, 3     // 第二顶点：右下 -> 左下 -> 左上
};
GLuint texture;
glGenTextures(1, &texture); 			// 纹理ID
glBindTexture