OpenGL -- 纹理

最新推荐文章于 2020-11-25 21:44:14 发布
最新推荐文章于 2020-11-25 21:44:14 发布
阅读量463 收藏 1
点赞数 1
分类专栏： # OpenGL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26437925/article/details/53065260
版权

一维的纹理

截图

这里写图片描述

代码

#include <gl\glut.h>    
#include <gl\GLU.h>
#include <gl\GL.h>
#include <math.h>
#include <windows.h>
#include <stdio.h>
#include <stdlib.h>

GLubyte texLine[16]; // 6-element texture array

void myinit(void)
{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // 表示要清除颜色缓冲以及深度缓冲

    glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);

    int k;
    // define two green elements for the texture pattern
    for (k = 0; k <= 2; k += 2)
    {
        texLine[4 * k] = 0;
        texLine[4 * k + 1] = 255;
        texLine[4 * k + 2] = 0;
        texLine[4 * k + 3] = 255;
    }
    // define two red elements for the texture pattern
    for (k = 1; k <= 3; k += 2)
    {
        texLine[4 * k] = 255;
        texLine[4 * k + 1] = 0;
        texLine[4 * k + 2] = 0;
        texLine[4 * k + 3] = 255;
    }
    // texLine，0 255 0 255 绿色， 255 0 0 255 红色
    // textLine 分4段 绿，红，绿，红

    /* 定义纹理 */
    glTexImage1D(GL_TEXTURE_1D, 0, GL_RGBA, 4, 0, GL_RGBA, GL_UNSIGNED_BYTE, texLine);
    /* 控制滤波 */
    glTexParameteri(GL_TEXTURE_1D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
    glTexParameteri(GL_TEXTURE_1D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);

    glEnable(GL_TEXTURE_1D);
}

void Draw()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glColor3f(1.0,1.0, 1.0); // 设置颜色为白色
    float point1[] = { -0.5f, -0.5f };
    float point2[] = { 0.5f, 0.5f };
    glBegin(GL_LINES); 
        // 使用纹理，全部使用，这样直线会显示成绿红绿红
        glTexCoord1f(0.0);
        glVertex2fv(point1);
        glTexCoord1f(1.0);
        glVertex2fv(point2);
    glEnd();

    glPushMatrix();
    glTranslatef(-0.2f, 0, 0); //平移
    glBegin(GL_LINES);
        // 使用纹理，1/4到1，这样直线会显示成红绿红
        glTexCoord1f(0.25);
        glVertex2fv(point1);
        glTexCoord1f(1.0);
        glVertex2fv(point2);
    glEnd();
    glPopMatrix();

    glPushMatrix();
    glTranslatef(0.2f, 0, 0); //平移
    glBegin(GL_LINES);
        // 使用纹理，0到3/4，这样直线会显示成绿红绿
        glTexCoord1f(0.0);
        glVertex2fv(point1);
        glTexCoord1f(0.75);
        glVertex2fv(point2);
    glEnd();
    glPopMatrix();

    // 刷新OpenGL命令队列
    glFlush();
}

int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_SINGLE);
    //设置窗口左上角的位置  
    //glutInitWindowPosition(100, 100);
    //设置窗口的宽高  
    glutInitWindowSize(400, 500);
    glutCreateWindow("OpenGL一维纹理");

    //myinit();
    glutDisplayFunc(&Draw);

    glutMainLoop(); // glut事件处理循环
    return 0;
}

参考

《计算机图形学》（第四版）
Computer Graphics with OpenGL Fourth Edition

二维纹理

截图

这里写图片描述

完整代码

#include <gl\glut.h>    
#include <gl\GLU.h>
#include <gl\GL.h>
#include <math.h>
#include <windows.h>
#include <stdio.h>
#include <stdlib.h>

#define PI 3.1415926     
int WinWidth, WinHeight;

// 旋转角度,初始可以随便设置
float rotateX = 20.0f;
float rotateY = 30.0f;

/* 创建纹理 */
#define ImageWidth 64
#define ImageHeight 64
GLubyte Image[ImageWidth][ImageHeight][4];

void makeImage(void)
{
    int i, j;
    for (i = 0; i < ImageWidth; i++)
    {
        for (j = 0; j < ImageHeight; j++)
        {
            // 定义成黑白相间的 8*8 类型 1.0,1.0, 1.0 白色， 黑色 0 0 0
            int c = ((((i & 0x8) == 0) ^ ((j & 0x8)) == 0)) * 255;
            Image[i][j][0] = (GLubyte)c;
            Image[i][j][1] = (GLubyte)c;
            Image[i][j][2] = (GLubyte)c;
            Image[i][j][3] = (GLubyte)255;
        }
    }
}

void myinit(void)
{
    glClearColor(0.0, 0.0, 0.0, 0.0);
    //glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);
    makeImage();
    glPixelStorei(GL_UNPACK_ALIGNMENT, 1);
    /* 定义纹理 */
    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, ImageWidth, ImageHeight, 0, GL_RGBA, GL_UNSIGNED_BYTE, &Image[0][0][0]);
    /* 控制滤波 */
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
    /* 说明映射方式*/
    glTexEnvf(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_DECAL);
    /* 启动纹理映射 */
    glEnable(GL_TEXTURE_2D);
    glShadeModel(GL_FLAT);
}

void Draw()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glLoadIdentity();

    // 立方体的8个顶点坐标
    GLfloat vertex_list[][3] = {
        -0.5f, -0.5f, -0.5f,
        0.5f, -0.5f, -0.5f,
        -0.5f, 0.5f, -0.5f,
        0.5f, 0.5f, -0.5f,
        -0.5f, -0.5f, 0.5f,
        0.5f, -0.5f, 0.5f,
        -0.5f, 0.5f, 0.5f,
        0.5f, 0.5f, 0.5f,
    };

    GLint index_list[][4] = {
        0, 2, 3, 1,
        0, 4, 6, 2,
        0, 1, 5, 4,
        4, 5, 7, 6,
        1, 3, 7, 5,
        2, 6, 7, 3,
    };

    // 只有正面，并且只显示边线，不进行填充
    /* glFrontFace(GL_CCW);
    glCullFace(GL_BACK);
    glEnable(GL_CULL_FACE);
    glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);*/

    // 设置旋转
    glRotatef(rotateX, 1.0f, 0.0f, 0.0f);
    glRotatef(rotateY, 0.0f, 1.0f, 0.0f);

    // 定义不同的颜色
    GLfloat colors[][3] = { { 0.0, 0.0, 1.0 }, { 0.0, 1.0, 0.0 }, { 1.0, 0.0, 0.0 },
    { 1.0, 0.0, 1.0 }, { 1.0, 1.0, 0.0 }, { 0.0, 1.0, 1.0 },
    { 1.0, 0.5, 0.5 }, { 0.0, 0.5, 0.5 } };

    int i, j;

    float tex[][2] = { { 0.0f, 0.0f }, { 0.0f, 1.0f }, { 1.0f, 1.0f }, { 1.0f, 0.0f } };

    glColor3f(1, 1, 1);
    glBegin(GL_QUADS); // 绘制四边形
    for (i = 0; i < 6; ++i)         // 有六个面，循环六次
    {
        glColor3f(colors[i][0], colors[i][1], colors[i][2]);
        for (j = 0; j < 4; ++j)     // 每个面有四个顶点，循环四次
        {
            glTexCoord2f(tex[j][0], tex[j][1]);
            glVertex3fv(vertex_list[index_list[i][j]]);
        }
    }
    glEnd();

    glutSwapBuffers();
}

void Reshape(int w, int h)
{
    WinWidth = w;
    WinHeight = h;
    // //改变显示区域，起始位置为客户端窗口左下角（非坐标原点）
    glViewport(0, 0, w, h);

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    //宽高比改为当前值，视线区域与屏幕大小一致；
    gluPerspective(45, 1.0*WinWidth / WinHeight, 1, 1000);
    // 开启更新深度缓冲区的功能
    glEnable(GL_DEPTH_TEST);
    // 摄像机视图观看，从 （0，5，20） 往（0，0，0）处看，（0，1，0）为正方向
    gluLookAt(0, 5, 20, 0, 0, 0, 0, 1, 0);
}

void SpecialKeys(int key, int x, int y)
{
    if (key == GLUT_KEY_UP)   rotateX -= 2.0f;
    if (key == GLUT_KEY_DOWN)  rotateX += 2.0f;
    if (key == GLUT_KEY_LEFT)  rotateY -= 2.0f;
    if (key == GLUT_KEY_RIGHT)  rotateY += 2.0f;

    if (rotateX > 356.0f)  rotateX = 0.0f;
    if (rotateX < -1.0f)  rotateX = 355.0f;
    if (rotateY > 356.0f)  rotateY = 0.0f;
    if (rotateY < -1.0f)  rotateY = 355.0f;

    //刷新窗口
    glutPostRedisplay();
}

int main(int argc, char *argv[])
{
    WinWidth = 800;
    WinHeight = 800;
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_RGB | GLUT_DOUBLE);
    //glutInitWindowPosition(100, 100);
    glutInitWindowSize(WinWidth, WinHeight);
    glutCreateWindow("OpenGL二维纹理");

    myinit();
    glutReshapeFunc(&Reshape);
    glutDisplayFunc(&Draw);

    glutSpecialFunc(SpecialKeys);

    glutMainLoop();
    return 0;
}

参考

多颜色的立方体旋转
http://blog.csdn.net/qq_26437925/article/details/53055535

OpenGL一个简单的纹理贴图
http://www.cnblogs.com/xiacl/archive/2012/05/06/2486120.html

改进

在画立方体时，只对部分面进行纹理贴图

截图

这里写图片描述

修改的部分代码

// 定义不同的颜色
    GLfloat colors[][3] = { { 0.0, 0.0, 1.0 }, { 0.0, 1.0, 0.0 }, { 1.0, 0.0, 0.0 },
    { 1.0, 0.0, 1.0 }, { 1.0, 1.0, 0.0 }, { 0.0, 1.0, 1.0 },
    { 1.0, 0.5, 0.5 }, { 0.0, 0.5, 0.5 } };

    int i, j;

    float tex[][2] = { { 0.0f, 0.0f }, { 0.0f, 1.0f }, { 1.0f, 1.0f }, { 1.0f, 0.0f } };

    for (i = 0; i < 6; ++i)         // 有六个面，循环六次
    {
        // 只绘制两个面的纹理贴图，纹理的启动和禁止用到 glEnable/glDisable
        if (i < 2)
            glEnable(GL_TEXTURE_2D); 
        else
            glDisable(GL_TEXTURE_2D);

        glBegin(GL_QUADS); // 绘制四边形
        glColor3f(colors[i][0], colors[i][1], colors[i][2]);
        for (j = 0; j < 4; ++j)     // 每个面有四个顶点，循环四次
        {
            glTexCoord2f(tex[j][0], tex[j][1]);
            glVertex3fv(vertex_list[index_list[i][j]]);
        }
        glEnd();
    }
master-dragon
关注
专栏目录
[OpenGL]OpenGl中的纹理
06-24 5562
一、什么是纹理 据我的理解，纹理实际上就是一幅图像（一维二维or三维皆可），然后用此图像对另一个图元进行贴图（以某种规则铺上去，可能被缩放或扭曲）。 二、为什么要引入纹理 如果不引入纹理，描述一幅现实画面时，需要用基本图元（如三角面片）去仿真，这既不真实，效率又低。 三、OpenGL中如何进行纹理贴图 1. 创建纹理对象，并为它指定一个纹理 纹理对象实际上就是纹理图像，并有个纹理编号（
opengl纹理一二维
sinat_41479651的博客
11-07 504
纹理部分 纹理函数glTexImage* (GLenum target, GLint level, GLint internalformat, GLsizei width, GLint border, GLenum format, GLenum type, const GLvoid *pixels); 参数1：GL_TEXTURE_1D，GL_TEXTURE_2D，GL_TEXTURE_3D指出正在为1/2/3维对象 参数2：用0表示不是某个大纹理数组的缩减 参数3：该纹理图案的每一颜色用RGBA四个值
OpenGL纹理
zjz
12-19 353
作用：可以用来呈现图形，从而减少渲染的顶点数目，提高渲染性能。也可以用来保存着色器所需的数据信息，起到数据传输媒介作用。常用接口如下： 1.void glTexParamteri(GLenum target, GLenum pname, GLint param)： void glTexParamteriv(GLenum target, GLenum pname, const GLint* para...
OpenGL位图纹理
03-16
位图 纹理贴图的例子。vs2005 glut环境下编制。亲自测试通过
OpenGL简单实例——实现立方体贴上不同纹理
12-21
简单的OpenGL实例，基于GLUT库c语言实现，画出一个立方体，在六个面贴上纹理，初学者可以看看
OpenGL快速查找手册-OpenGL-ES-2_0-Reference-card
04-10
OpenGL支持多种纹理格式，如RGB、RGBA等，以及纹理过滤和坐标 wrapping 模式。 5. **帧缓冲对象（Framebuffer Objects, FBOs）**：FBO允许开发者创建自定义的渲染目标，可以将渲染结果存储到纹理或者深度缓冲中，...
python-opengl-tutorial：基于PyOpenGL的Python opengl-tutorial
02-03
tu_02_texture_without_normal：带纹理的基本渲染。 原始教程=> tu_03_loadobj：从wavefont obj文件加载网格信息： 原始教程=> tu_04_vbo：使用VBO 原始教程=> tu_05_input：使用键盘和鼠标添加视口控件原始...
OpenGL--纹理问题记录
100days
04-04 1440
纹理的基础知识请参阅LearnOpenGL的文章： https://learnopengl-cn.github.io/01%20Getting%20started/06%20Textures/ 这里记录一下自己在使用纹理时候遇到的一些问题。 纹理图像大小，2的n次方？ 自己在查阅有些资料的时候，有些人在博客上写了这样的话： OpenGL要求纹理的高度和宽度都必须是2的n次方大...
OpenGL-tutors.rar_nate robin_nate robin opengl_opengl 交互_纹理参数
最新发布
09-23
OpenGL允许加载、绑定和应用纹理，同时支持纹理过滤和坐标映射等高级特性。Nate Robin的教程可能会解释如何加载图像为纹理，如何使用glTexParameter函数设置纹理参数，以及如何在模型上正确地应用纹理。 这个压缩包...
AndroidOpenGL-3D-立方体多纹理贴图源码.zip
07-10
本项目“AndroidOpenGL-3D-立方体多纹理贴图源码”是一个示例，展示了如何在Android设备上使用OpenGL ES进行3D渲染，特别是如何实现立方体的多纹理贴图。 在Android开发中，OpenGL ES（Embedded Systems的缩写）是...
UE4 UI材质基础1
qq_41507860的博客
03-01 2429
UE4 UI材质基础 1.纹理坐标(TexCoord)基本概念 Texcoord是存储纹理UV坐标结构的二维数组。 坐标（0,0）对应纹理贴图左上角的颜色数据，坐标（1,1）对应纹理贴图右下角的颜色数据，以此类推。 如果坐标的UV分量不在0到1范围中，则对应纹理贴图的颜色数据和（U%1,V%1）一样。 由于UE4的材质编辑器使用RGBA表现数据，UV坐标对应显示的颜色中的RG分量，表现出来就是...
第十一课，纹理的使用入门
fengerfafa的专栏
01-21 2875
转自：http://www.programfan.com/club/post-244703.html我们在前一课中，学习了简单的像素操作，这意味着我们可以使用各种各样的BMP文件来丰富程序的显示效果，于是我们的OpenGL图形程序也不再像以前总是只显示几个多边形那样单调了。——但是这还不够。虽然我们可以将像素数据按照矩形进行缩小和放大，但是还不足以满足我们的要求。例如要将一幅世界地图绘制到一个
OpenGL（十二） 纹理映射（贴图）
weixin_30767835的博客
11-16 5013
OpenGL绘制纹理的步骤： 1. 开启纹理功能 使用glEnable(GL_TEXTURE_2D)开启2D纹理功能，使用glDisable(GL_TEXTURE_2D)关闭纹理，默认情况下纹理是关闭的。 2. 读取纹理图片到内存 读取的时候注意以下3点： 1） BMP文件数据前54位是文件头和信息头数据，偏移54位之后才是要读取的图像数据。2）...
openGL 纹理使用
haithink的专栏
08-10 4433
openGL 纹理的使用 总结 纹理 openGL
OpenGL学习笔记4：纹理
键盘春秋的博客
06-30 8380
原始图像数据像素包装图像数据在内存中很少以紧密包装的形式存在。在许多硬件平台上，处于性能上的考虑，一幅图像的每一行都应该从一种特定字节对齐地址开始。绝大多数编译器会自动把变量和缓冲区放置在一个针对该架构对齐优化的地址上。 例如一个包含3个分量的rgb图像，每个分量存储在一个字节中，如果图像有199个像素，那么一行需要597个像素。如果硬件本身的体系结构是4字节排列，那么图像每一行的末尾将由额外的3
Opengl知识点
RotatingJump的博客
11-25 352
1.Opengl大多数是由显卡商编写的，通常Bug通过升级显卡来解决。 2.老版的Opengl采用 立即渲染模式 Immediate Mode 固定渲染管线 简单，易理解，但不灵活。新版3.3版本以后的采用核心渲染模式 灵活效率，但不容易理解。 3.扩展新的特性或者是渲染优化通过扩展来实现。 4.状态机可以说Opengl本身就是一个状态机，一系的变量来描述Opengl如何运行，Opengl的状态通常称为Context (上下文)。通常通过设置选项，操作缓冲区来改变状态。 5.对象是指一些选项的集合，表示O
OpenGL设置纹理
Orient
07-25 3554
最近在学习OpenGL，把学习的一些过程写在这里，希望与大家共同分享讨论。欢迎光临我的个人网站Orient一起讨论学习。这里是我的GitHub，如果您喜欢，不妨点个赞？☺ 纹理 在这份代码中我使用了下面这张纹理图片： wall.jpg 纹理坐标： texture_coords 从上图中可以看出，纹理的坐标远点是从图片的左下方开始。绘制矩形/三角形时对应的纹理坐标如下： //float ve
OpenGL快速入门示例-OpenGL纹理
qq_41685265的博客
02-17 1305
OpenGL纹理 在三维图形中，纹理映射（Texture Mapping）的方法运用得很广，尤其描述具有真实感的物体。比如绘制一面砖墙，就可以用一幅真实的砖墙图像或照片作为纹理贴到一个矩形上，这样，一面逼真的砖墙就画好了。如果不用纹理映射的方法，则墙上的每一块砖都必须作为一个独立的多边形来画。另外，纹理映射能够保证在变换多边形时，多边形上的纹理图案也随之变化。例如，以透视投影方式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值