OpenGL_Qt学习笔记之_05(纹理映射)（转）

转自：http://www.cnblogs.com/tornadomeet/archive/2012/08/24/2654719.html

纹理映射基础知识

　　什么叫纹理映射，一开始我也不明白，感觉这个词好专业(毕竟没有学过图形学)，后面经过网上查找资料和这次实验稍微理解了点。纹理映射简单的讲，就是把一个纹理(其实说白了，纹理可以理解为一幅图像)映射到空间物体的表面上，因此纹理映射也叫贴图，这个表明不一定是矩形，比如说我可以是球面，或者是任意曲面。在上一篇文章OpenGL_Qt学习笔记之_04(3D图形的绘制和旋转)中，我们绘制的空间体的表面都是一些光滑的颜色，如果要在其表面采用那种方法绘制图像的话，则必须利用微分的思想，一个一个的绘制小图像，然后拼接起来，可想而知，这个过程是多么的复杂，opengl的纹理映射就可以很好的解决这一问题。

下面来看看纹理映射的一个示意图片(百度百科上的)：

　　

　　这个示意图说明，将中间的纹理(即图片)映射到左边的茶壶曲面上，就形成了右边的图了。在右边的图中，可以看到茶壶的表面上布满了图片，这就像中国古代的陶器绘图一样。

　　纹理映射另外一个好处是能够保证在变换多边形时，多边形上的纹理也会随之变化。

　　纹理映射相关函数

　　要进行纹理映射，得先了解下opengl中有关纹理映射的一些相关函数。

　　void glGenTextures(GLsizei n, GLuint *textures)；

　　该函数的作用是开辟存储纹理的内存空间，其中参数n为开辟纹理内存的个数，texture为存储纹理的地址索引。

　　void glBindTexture(GLenum target,   GLuint texture);

　　该函数的作用是把存储纹理的对象texture绑定到纹理目标target上，在opengl中纹理目标分为GL_TEXTURE_1D和GL_TEXTURE_2D。该句代码运行完后，对target的操作也对应于对texture指向的内容的操作。

　　void glTexImage2D(GLenum target,GLint level,GLint components,GLsizei width, glsizei height,GLint border,GLenum format,GLenum type, const GLvoid *pixels);

　　参数1为纹理目标；参数2为目标的层次，即目标的详细程度，一般情况采用0即可；参数3表示的是数据成分的个数，如果数据由RGB构成，则将该参数设置为3；参数4和5分别为创建纹理数据的长和宽；参数6为边框的值，一般也设为0；参数8为数据的通道格式；参数9为纹理的数据元素类型；参数10为纹理的数据内容。

　　这个函数的功能是创建一个纹理，并为该纹理分配了数据。

　　glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);

　　该函数表示的是当所显示的纹理比加载进来的纹理小时，采用GL_LINEAR的方法来处理。

　　glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

　　和上面的函数类似，注意该函数的参数2为GL_TEXTURE_MAG_FILTER，不要误认为是GL_TEXTURE_MAG_FILTER。

　　glTexCoord2f(x, y);

　　第一个参数是X坐标。 0.0f 是纹理的左侧。 0.5f 是纹理的中点， 1.0f 是纹理的右侧。第二个参数是Y坐标。0.0f 是纹理的底部。0.5f 是纹理的中点,1.0f 是纹理的顶部。

　　给定一张纹理图，它的坐标示意图如下：

　　

　　其中纹理的中心点坐标为(0.5, 0.5).

　　实验说明：

　　这个实验室在上一篇博文OpenGL_Qt学习笔记之_04(3D图形的绘制和旋转) 绘制的立方体上贴每个面上贴上一张纹理(即图片)。

　　我们需要在GLWidget这个类中添加一个函数来加载纹理数据，该函数为loadTextures().

　　另外，在QGLWidget这个类中，initializeGL(), paintGL(), resizeGL()这3个函数的执行顺序是该类启动时就执行initializeGL()，主要用于初始化opengl，通常用来设置一些前期的背景色，光照参数等等。paintGL()用于渲染整个场景；resizeGL()用于在widget大小变化的时候产生合理view。

　　注意，本实验给的图片长和宽必须是2的n次方，最大不要超过256，最小也不要小于64。我这里采用的是256*256像素的图片。

　　实验结果：

　　加载纹理的图像为：

　　

 

　　纹理映射后的效果如下：

　　 

 

　　实验主要部分代码及注释(附录有工程code下载地址)：

#include "glwidget.h"
#include "ui_glwidget.h"

#include <QtGui>
#include <QtCore>
#include <QtOpenGL>

GLWidget::GLWidget(QGLWidget *parent) :
    QGLWidget(parent),
    ui(new Ui::GLWidget)
{
  //  setCaption("The Opengl for Qt Framework");
    ui->setupUi(this);
    fullscreen = false;
    rotate_angle = 0.0;
}

//这是对虚函数，这里是重写该函数
void GLWidget::initializeGL()
{
    setGeometry(300, 150, 500, 500);//设置窗口初始位置和大小
    loadTextures();
    glEnable(GL_TEXTURE_2D);//允许采用2D纹理技术
    glShadeModel(GL_SMOOTH);//设置阴影平滑模式
    glClearColor(0.0, 0.0, 0.0, 0);//改变窗口的背景颜色，不过我这里貌似设置后并没有什么效果
    glClearDepth(1.0);//设置深度缓存
    glEnable(GL_DEPTH_TEST);//允许深度测试
    glDepthFunc(GL_LEQUAL);//设置深度测试类型
    glHint(GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST);//进行透视校正
}

void GLWidget::paintGL()
{
    //glClear()函数在这里就是对initializeGL()函数中设置的颜色和缓存深度等起作用
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    /*下面开始画立方体,并对其进行纹理映射*/
    glLoadIdentity();
    glRotatef(rotate_angle, -0.2f, 0.2f, -0.3f);
    glBegin(GL_QUADS);
    //上顶面
    glTexCoord2f(0.0, 1.0);//将2D的纹理坐标映射到3D的空间物体表面上
    glVertex3f(-0.3f, 0.3f, -0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(-0.3f, 0.3f, 0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(0.3f, 0.3f, 0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(0.3f, 0.3f, -0.3f);
    //下顶面
    glTexCoord2f(0.0, 1.0);
    glVertex3f(-0.3f, -0.3f, -0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(-0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(0.3f, -0.3f, -0.3f);
    //正前面
    glTexCoord2f(0.0, 1.0);
    glVertex3f(-0.3f, 0.3f, 0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(-0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(0.3f, 0.3f, 0.3f);
    //右侧面
    glTexCoord2f(0.0, 1.0);
    glVertex3f(0.3f, 0.3f, 0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(0.3f, -0.3f, -0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(0.3f, 0.3f, -0.3f);
    //背后面
    glTexCoord2f(0.0, 1.0);
    glVertex3f(-0.3f, 0.3f, -0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(0.3f, 0.3f, -0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(0.3f, -0.3f, -0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(-0.3f, -0.3f, -0.3f);
    //左侧面
    glTexCoord2f(0.0, 1.0);
    glVertex3f(-0.3f, 0.3f, -0.3f);
    glTexCoord2f(0.0, 0.0);
    glVertex3f(-0.3f, -0.3f, -0.3f);
    glTexCoord2f(1.0, 0.0);
    glVertex3f(-0.3f, -0.3f, 0.3f);
    glTexCoord2f(1.0, 1.0);
    glVertex3f(-0.3f, 0.3f, 0.3f);
    rotate_angle -= 3;
    glEnd();
}

//该程序是设置opengl场景透视图，程序中至少被执行一次(程序启动时).
void GLWidget::resizeGL(int width, int height)
{
    if(0 == height)
        height = 1;//防止一条边为0
    glViewport(0, 0, (GLint)width, (GLint)height);//重置当前视口，本身不是重置窗口的，只不过是这里被Qt给封装好了
    glMatrixMode(GL_PROJECTION);//选择投影矩阵
    glLoadIdentity();//重置选择好的投影矩阵
   // gluPerspective(45.0, (GLfloat)width/(GLfloat)height, 0.1, 100.0);//建立透视投影矩阵
    glMatrixMode(GL_MODELVIEW);//以下2句和上面出现的解释一样
    glLoadIdentity();

}
void GLWidget::keyPressEvent(QKeyEvent *e)
{
    switch(e->key())
    {
        //F1键为全屏和普通屏显示切换键
        case Qt::Key_F1:
            fullscreen = !fullscreen;
            if(fullscreen)
                showFullScreen();
            else
            {
                setGeometry(300, 150, 500, 500);
                showNormal();
            }
            updateGL();
            break;
        //Ese为退出程序键
        case Qt::Key_Escape:
            close();
    }
}

/*装载纹理*/
void GLWidget::loadTextures()
{
    QImage tex, buf;
    if(!buf.load("../opengl_nehe_05/cherry.jpg"))
    {
        qWarning("Cannot open the image...");
        QImage dummy(128, 128, QImage::Format_RGB32);//当没找到所需打开的图片时，创建一副128*128大小，深度为32位的位图
        dummy.fill(Qt::green);
        buf = dummy;
    }
    tex = convertToGLFormat(buf);//将Qt图片的格式buf转换成opengl的图片格式tex
    glGenTextures(1, &texture[0]);//开辟一个纹理内存，内存指向texture[0]
    glBindTexture(GL_TEXTURE_2D, texture[0]);//将创建的纹理内存指向的内容绑定到纹理对象GL_TEXTURE_2D上，经过这句代码后，以后对
                                            //GL_TEXTURE_2D的操作的任何操作都同时对应与它所绑定的纹理对象
    glTexImage2D(GL_TEXTURE_2D, 0, 3, tex.width(), tex.height(), 0, GL_RGBA, GL_UNSIGNED_BYTE, tex.bits());//开始真正创建纹理数据
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);//当所显示的纹理比加载进来的纹理小时，采用GL_LINEAR的方法来处理
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);//当所显示的纹理比加载进来的纹理大时，采用GL_LINEAR的方法来处理
}

GLWidget::~GLWidget()
{
    delete ui;
}

　　总结：

　　了解了opengl中的纹理映射机制后，对空间体的表面进行贴图还是比较方便的。

　 参考资料：

　  http://nehe.gamedev.net/

　  http://www.owlei.com/DancingWind/

　  http://blog.csdn.net/qp120291570/article/details/7853513

http://www.qiliang.net/old/nehe_qt/

　　附录：

　　实验工程code下载。

时间： 2024-12-18 01:04:12

OpenGL_Qt学习笔记之_05(纹理映射)（转）的相关文章

OpenGL_Qt学习笔记之_03(平面图形的着色和旋转)（转）

http://www.cnblogs.com/tornadomeet/archive/2012/08/23/2653305.html 在这一节中主要简单介绍下怎样给平面几何着色,以及怎样让绘制出来的几何图形旋转起来.在上一节OpenGL_Qt学习笔记之_02(绘制简单平面几何图形) 中已经介绍了如何利用opengl画一些简单的图像,那么这一节就在上面的基础上给它着色,且让他旋转. 实验基础 首先来看着色,其实着色在上篇文章中已经用过,使用的是函数glColor3f().一旦我们使用这个函数着色后

SharpGL学习笔记(十五) 纹理映射

纹理映射非常实用,在游戏场景中已经无所不在了． 一个较少的多边形构成的模形,配合好的纹理贴图进行映射,可以得到逼真的效果．游戏中的天空,地面,墙面,和植物都是纹理贴图进行映射的． 例如最终幻想8的男女主角多边形数量是非常少的,完全靠贴图保证真实效果. 以前的游戏中的树木其实就是一个四边形加上树木贴图和一张TGA格式的透明度贴图镂空树木之外的背景实现的,因此这种树就是一个片. 一个导入的3ds模形,是可以带有纹理贴图和贴图坐标的,直接就可显示出来,不需要我们再做映射关系． 3dsmax中输出3ds

【Unity Shaders】学习笔记——SurfaceShader（十一）光照模型

[Unity Shaders]学习笔记——SurfaceShader(十一)光照模型 转载请注明出处:http://www.cnblogs.com/-867259206/p/5664792.html 如果你想从零开始学习Unity Shader,那么你可以看看本系列的文章入门,你只需要稍微有点编程的概念就可以. 水平有限,难免有谬误之处,望指出. LitSphere(Matcap) 发光球体光照模型就是将发光球体的纹理映射在球体上,来实现光照效果.这可以创造一些效果细腻的发光球体效果,但是它不受

【Unity Shaders】学习笔记——渲染管线

[Unity Shaders]学习笔记——Shader和渲染管线 转载请注明出处:http://www.cnblogs.com/-867259206/p/5595924.html 写作本系列文章时使用的是Unity5.3. 写代码之前: 当然啦,如果Unity都没安装的话肯定不会来学Unity Shaders吧? 阅读本系列文章之前你需要有一些编程的概念. 在VS里面,Unity Shaders是没有语法高亮显示和智能提示的,VS党可以参考一下这篇文章使代码高亮显示,也可以下载shaderlab

（转）【D3D11游戏编程】学习笔记二十一：Cube Mapping及其应用之一：天空盒的实现

(注:[D3D11游戏编程]学习笔记系列由CSDN作者BonChoix所写,转载请注明出处:http://blog.csdn.net/BonChoix,谢谢~) 这一节讨论有关纹理映射的进阶内容:Cube Mapping. 1. 简介 单从名字上,就大概可以看出点端倪了,翻译成中文为立方体映射,因此肯定跟立方体有关系.确实,Cube Mapping就是使用六张正方形的图片来进行纹理映射的.这六张图片分别对应了一个立方体中的六个面.由于这个立方体是轴对齐的,因此每个面可以用坐标系中的六个轴方向来惟

DirectX 11游戏编程学习笔记之1: 开场白

本文由哈利_蜘蛛侠原创,转载请注明出处.有问题欢迎联系[email protected] ? ? ? ? ? 这是我之前的博客系列"DirectX9.0c游戏开发手记之'龙书'第二版学习笔记"的平行版,也可以说是续集. 说是平行版,由于这两个博客系列由于某种显而易见的原因.内容是非常平行的:而之所以说是续集,是由于前面那个系列可能就此坑掉了-- ? ? ? ? 前面那个系列是关于"龙书"第二版的学习笔记的.而这一系列是关于"龙书"第四版的.&qu

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开