OpenGL--天空盒

最新推荐文章于 2024-08-10 08:29:25 发布
最新推荐文章于 2024-08-10 08:29:25 发布
阅读量1.9w 收藏 66
点赞数 19
分类专栏： OpenGL 文章标签： OpenGL 天空盒
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010223072/article/details/53519865
版权

理论基础

1，目前虚拟场景中天空建模常用的方法有天空顶(SkyDome:半球形)和天空盒(SkyBox:长方体)两种方法。其本质都是摄像机处在一个盒子中间，这个盒子通过纹理贴图形成的虚拟世界场景。其中天空盒绘制技术非常简单，因此被广泛应用。然而，有时也会存在一些问题，例如使用雾效时，如果雾被设置在观察者的旁边，天空盒将减淡甚至消失。另一个更坑爹的问题是雾会聚积在天空盒的顶点处，从而使天空盒的多边形暴露无遗。小心地调整雾化参数或细分天空盒的每一个面可以减少这些问题，但这样会大大影响性能。此时，就可用天空顶来替代天空盒了。它是个半球形场景，因此就不会有什么边界暴露问题了。本节主要介绍天空盒相关技术。

2，天空盒其实就是一个覆盖场景四周的长方体，但它的各个面上贴有表示天空的纹理图片，即四周的4面纹理的边与顶面纹理的边相连，同时四面纹理前后相连，纹理大小要是2的N次方(32,64,128,…)，如下：
这里写图片描述

天空盒示例(部分辅助类见上一节)

1，主程序：

#include "stdafx.h"
#include<gl/glut.h>
#include<gl/glu.h>
#include<gl/gl.h>
#include <gl\GLAUX.h>

#include "Camera.h"
#include "SkyBox.h"

Camera m_Camera;
CSkyBox m_SkyBox;


void init(void)
{
    /** 用户自定义的初始化过程 */
    glClearColor(0.0f, 0.0f, 0.0f, 0.5f);
    glClearDepth(1.0f);
    glDepthFunc(GL_LEQUAL);
    glEnable(GL_DEPTH_TEST);
    glShadeModel(GL_SMOOTH);
    glHint(GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST);

    /** 启用纹理 */
    glEnable(GL_TEXTURE_2D);

    /** 初始化天空 */
    if (!m_SkyBox.Init())
    {
        MessageBox(NULL, (LPCWSTR)"初始化天空失败!", (LPCWSTR)"错误", MB_OK);
        exit(0);
    }

    /** 设置摄像机 */
    m_Camera.setCamera(500, 35, 400, 501, 35, 400, 0, 1, 0);
}

void display(void)
{
    /** 用户自定义的绘制过程 */
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glLoadIdentity();

    /** 放置摄像机 */
    m_Camera.setLook();

    /** 绘制天空 */
    m_SkyBox.CreateSkyBox(0, 0, 0, 1.0, 0.5, 1.0);

    glFlush();                   /**< 强制执行所有的OpenGL命令 */
}

void ChangeSize(int width, int height)
{
    glViewport(0, 0, width, height);                                    /**< 重新设置视口 */
    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    gluPerspective(45.0f, (GLfloat)width / (GLfloat)height, 0.1f, 4000.0f);
    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}

void motion(int x, int y)
{
    m_Camera.setViewByMouse();

    glutPostRedisplay();
}

void keyboard(unsigned char key, int x, int y)
{
    switch (key) {
        case 27:
            exit(0);
            break;
        case '1':
            m_Camera.setSpeed(0.2f);
            break;
        case '2':
            m_Camera.setSpeed(1.0f);
            break;
        case 'w':
            m_Camera.moveCamera(m_Camera.getSpeed());
            break;
        case 's':
            m_Camera.moveCamera(-m_Camera.getSpeed());
            break;
        case 'a':
            m_Camera.yawCamera(-m_Camera.getSpeed());
            break;
        case 'd':
            m_Camera.yawCamera(m_Camera.getSpeed());
            break;
    }

    glutPostRedisplay();
    printf("key::%d", key);
}


int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DEPTH | GLUT_RGB);
    glutInitWindowSize(800, 600);
    glutInitWindowPosition((GetSystemMetrics(SM_CXSCREEN) >> 1) - 400, (GetSystemMetrics(SM_CYSCREEN) >> 1) - 300);
    glutCreateWindow("天空盒");
    init();
    glutReshapeFunc(ChangeSize);
    glutDisplayFunc(display);
    glutMotionFunc(motion);
    glutKeyboardFunc(keyboard);
    glutMainLoop();
    return 0;
}

这里写图片描述

2，天空盒实现类


#ifndef __SKYBOX_H__
#define __SKYBOX_H__

#include "stdafx.h"
#include "CBMPLoader.h"
#include "Vector.h"
#include "Camera.h"

#define GL_CLAMP_TO_EDGE    0x812F

/** 天空盒类 */
class CSkyBox
{
public:
    /** 构造函数 */
    CSkyBox();
    ~CSkyBox();

    /** 初始化 */
    bool Init();

    /** 渲染天空 */
    void  CreateSkyBox(float x, float y, float z, 
                       float width, float height, 
                       float length);

private:

    CBMPLoader  m_texture[6];   /**< 天空盒纹理 */

};


#endif ///__SKYBOX_H__
#include "SkyBox.h"

CSkyBox::CSkyBox()
{
}

CSkyBox::~CSkyBox()
{
    /** 删除纹理对象及其占用的内存 */
    for(int i =0 ;i< 6; i++)
    {
        m_texture[i].FreeImage();
        glDeleteTextures(1,&m_texture[i].ID);
    }

}

/** 天空盒初始化 */
bool CSkyBox::Init()
{
    char filename[128] ;                                         /**< 用来保存文件名 */
    char *bmpName[] = { "back","front","bottom","top","left","right"};
    for(int i=0; i< 6; i++)
    {
        sprintf(filename,"data/%s",bmpName[i]);
        strcat(filename,".bmp");
        if(!m_texture[i].LoadBitmap(filename))                     /**< 载入位图文件 */
        {
            MessageBox(NULL, (LPCWSTR)"装载位图文件失败！", (LPCWSTR)"错误", MB_OK);    /**< 如果载入失败则弹出对话框 */
            exit(0);
        }
        glGenTextures(1, &m_texture[i].ID);                        /**< 生成一个纹理对象名称 */

        glBindTexture(GL_TEXTURE_2D, m_texture[i].ID);             /**< 创建纹理对象 */
        /** 控制滤波: */
        /*
            其中GL_TEXTURE_WRAP_S，GL_TEXTURE_WRAP_T通常可设置为GL_REPEAT或GL_CLAMP两种方式。
            当待填充的多边形大于纹理的时候，GL_REPEAT表示多余的部分用重复的方式填充；GL_CLAMP表示多余的部分用相连边缘的相邻像素填充。
            在实际绘制中，我们一般采用GL_CLAMP_EDGE来处理，这就消除了接缝处的细线，增强了天空盒的真实感。
        */
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_NEAREST);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
        glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_WRAP_S,GL_CLAMP_TO_EDGE);  
        glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_WRAP_T,GL_CLAMP_TO_EDGE);
        /** 创建纹理 */
        gluBuild2DMipmaps(GL_TEXTURE_2D, GL_RGB, m_texture[i].imageWidth,
                        m_texture[i].imageHeight, GL_RGB, GL_UNSIGNED_BYTE,
                        m_texture[i].image);
    }
    return true;

}

/** 构造天空盒 */ 
void  CSkyBox::CreateSkyBox(float x, float y, float z, 
                            float box_width, float box_height,
                            float box_length)
{
    /** 获得场景中光照状态 */
    GLboolean lp;
    glGetBooleanv(GL_LIGHTING,&lp);

    /** 计算天空盒长 宽 高 */
    float width = MAP * box_width/8;
    float height = MAP * box_height/8;
    float length = MAP * box_length/8;

    /** 计算天空盒中心位置 */
    x = x+ MAP/8 - width  / 2;
    y = y+ MAP/24 - height / 2;
    z = z+ MAP/8 - length / 2;

    glDisable(GL_LIGHTING);            /**< 关闭光照 */

    /** 开始绘制 */
    glPushMatrix();
    glTranslatef(-x,-y,-z);

    /** 绘制背面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[0].ID);

    glBegin(GL_QUADS);      

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x + width, y,          z);
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x + width, y + height, z); 
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x,         y + height, z);
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x,         y,          z);

    glEnd();

    /** 绘制前面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[1].ID);

    glBegin(GL_QUADS);  

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x,         y,          z + length);
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x,         y + height, z + length);
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x + width, y + height, z + length); 
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x + width, y,          z + length);

    glEnd();

    /** 绘制底面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[2].ID);

    glBegin(GL_QUADS);      

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x,         y,          z);
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x,         y,          z + length);
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x + width, y,          z + length); 
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x + width, y,          z);

    glEnd();

    /** 绘制顶面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[3].ID);

    glBegin(GL_QUADS);      

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x + width, y + height, z);
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x + width, y + height, z + length); 
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x,         y + height, z + length);
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x,         y + height, z);

    glEnd();

    /** 绘制左面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[4].ID);

    glBegin(GL_QUADS);      

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x,         y + height, z); 
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x,         y + height, z + length); 
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x,         y,          z + length);
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x,         y,          z);     

    glEnd();

    /** 绘制右面 */
    glBindTexture(GL_TEXTURE_2D, m_texture[5].ID);

    glBegin(GL_QUADS);      

        /** 指定纹理坐标和顶点坐标 */
        glTexCoord2f(0.0f, 0.0f); glVertex3f(x + width, y,          z);
        glTexCoord2f(1.0f, 0.0f); glVertex3f(x + width, y,          z + length);
        glTexCoord2f(1.0f, 1.0f); glVertex3f(x + width, y + height, z + length); 
        glTexCoord2f(0.0f, 1.0f); glVertex3f(x + width, y + height, z);
    glEnd();

    glPopMatrix();                 /** 绘制结束 */

    if(lp)                         /** 恢复光照状态 */  
        glEnable(GL_LIGHTING);

}

注：
/* 定义地面网格 /
const unsigned int MAP_WIDTH = 1024;
const unsigned int CELL_WIDTH = 16;
const unsigned int MAP = MAP_WIDTH * CELL_WIDTH / 2;

超級码力
关注
专栏目录
OpenGL学习脚印：立方体纹理和天空包围盒(Cubemaps And Skybox)
王定桥的专栏
09-11 1万+
写在前面 之前学习了2D纹理映射，实际上还有其他类型的纹理有待我们进一步学习，本节将要学习的立方体纹理(cubemaps)，是一种将多个纹理图片复合到一个立方体表面的技术。在游戏中应用得较多的天空包围盒可以使用cubemap实现。本节示例程序均可以在我的github下载。 本节内容整理自: 1.Tutorial 25:SkyBox 2.www.learnopengl.
OpenGL学习（十）天空盒
AKGWSB 's blog
01-03 7576
目录写在前面天空盒简介创建立方体贴图渲染一个立方体立方体贴图着色器开始绘制天空盒完整代码着色器c++ 写在前面 上一篇博客回顾：OpenGL学习（九）阴影映射（shadowMapping） 在昨天我们实现了非常简单的阴影映射特效，今天来更新立方体贴图的内容。这部分的内容相当简单，前提是要对 OpenGL 及其绘制过程有一个基本的理解。 相信我，仅 10 分钟足够你完成一个立方体贴图，并且用于天空盒的渲染。 天空盒简介 注意到我们之前的代码都是利用： glClearColor(1.0, 1.0, 1.0, 1
OpenGL 天空盒
03-17
vs2010下用c++和OpenGL实现的天空盒， 图片加载采用的是jpeg库
gl-matrix 开源项目教程
最新发布
gitblog_00775的博客
08-10 427
gl-matrix 开源项目教程 gl-matrixJavascript Matrix and Vector library for High Performance WebGL apps项目地址:https://gitcode.com/gh_mirrors/gl/gl-matrix 项目介绍 gl-matrix 是一个用于高性能 WebGL 应用的 JavaScript 矩阵和向量库。它旨在通...
OpenGL天空盒
04-23
使用立方体贴图技术，实现天空盒功能，提供了两套天空盒图片。本人博客：https://blog.csdn.net/lady_killer9/article/details/89468950
OpenGL天空盒skybox
weixin_56632617的博客
11-18 2348
目录 痛彻的感悟 天空盒可能的难题 天空盒代码 痛彻的感悟 今天考完试才发现自己和别人的差距还挺大的，四五六班下午的考试题目，我很快做了出来，但是自己的班级的考试题目，我竟然一道都没有成功！！！所以我决定把我之前准备的代码公布一下，也希望对一些人有所帮助吧。 天空盒可能的难题 SOIL2的配置 glm的配置 mac的xcode里面还有res资源库的配置 主要参考网站：立方体贴图，往下翻有源码 前面的理论部分参考我的好友博客：码辣香锅 天空盒代码 项目目录概览：(天空盒六张图片可以在上
OPENGL天空盒Skybox
06-09
OpenGL实现的天空盒
opengl完美天空盒
11-17
opengl完美天空盒 天空盒无缝连接 有CS模仿和背景音效！！绚丽
Opengl ES系列学习--增加天空盒
红旺永福
04-22 1084
本节我们在上一节的基础上来分析一下天空盒的实现。我们要分析的目标就是《OpenGL ES应用开发实践指南 Android卷》书中第11章实现的最终的结果，代码下载请点击：Opengl ES Source Code，该Git库中的skyboxModule就是我们本节要分析的目标，先看下本节最终实现的结果，CSDN对GIF动画文件的大小有限制，所以只能录制三个文件来看效果。 ...
openGL-sky-box-frame.zip_GoG Sky box_OpenGL天空盒_sky_sky opengl_天空
09-22
OpenGL天空盒是一种在3D图形编程中用于模拟逼真天空背景的技术，广泛应用于游戏开发、虚拟现实场景等。OpenGL是一个跨语言、跨平台的编程接口，用于渲染2D、3D矢量图形。"openGL-sky-box-frame.zip_GoG Sky box" 是...
OpenGL-Skyboxes:使用 OpenGL 的天空盒
06-15
真实引擎 3D OpenGL 引擎
天空盒(opengl)
12-25
这个程序包括天空盒，雾的效果，和背景音乐
OpenGL之天空盒
11-03
在csdn上关于天空盒的项目都是vc工程，而且基于win32的，本项目在前人的基础上，修改为MFC项目，并将场景漫游改为鼠标拖拽。
OPENGL天空盒
10-30
OPENGL中的摄像漫游技术，可以通过摄像机对三围场景进行摄像漫游。
Qt OpenGL 天空盒
06-17
Qt OpenGL 天空盒
OpenGL天空盒.zip
12-09
使用立方体贴图技术，实现天空盒功能，提供了两套天空盒图片。
openGL绘制天空盒背景
03-01
1.openGL绘制天空盒背景 2.加入天空盒纹理 3.添加鼠标键盘事件
openGL实现天空盒，使用OpenGL 立方体贴图
03-02
1.构建天空盒的另一种方法是使用OpenGL 纹理立方体贴图。OpenGL 立方体贴图比我们 在上一节中看到的简单方法稍微复杂一点。但是，使用OpenGL 立方体贴图有自己的优点， 例如减少接缝以及支持环境贴图。 2.OpenGL ...
游戏引擎开发-OpenGL-飞机漫游-计算机课程设计
07-11
飞机漫游+战斗系统+虚拟场景,游戏引擎开发大作业，使用OpenGL的3D程序游戏引擎-C/C++开发，粒子系统+天空盒子+地形系统+敌人系统，对于游戏引擎开发的搭建结构有了初步的了解以及应用。 A.场景包括群山和平原； B....
opengl 天空盒 python
05-14
OpenGL是一种图形学应用程序编程接口（API），可以用来渲染2D和3D图形。天空盒（Skybox）是一种通过贴图的方式，在3D场景中实现类似于天空的效果的技术。在OpenGL中，我们可以使用纹理贴图技术来实现天空盒效果。Python是一种高级编程语言，可以用来编写OpenGL程序。 如果你想在Python中实现天空盒效果，可以使用PyOpenGL这个Python的OpenGL接口库。通过PyOpenGL，你可以在Python中使用OpenGL的各种功能，包括贴图、渲染等。具体实现天空盒的方法可以参考以下步骤： 1. 加载6张贴图，分别代表天空盒的六个面。 2. 创建一个立方体，将每个面上的贴图映射到对应的面上。 3. 将立方体放置在摄像机的位置，使得视角始终在立方体中心。 4. 在渲染场景时，先将摄像机移动到立方体中心，再将场景渲染出来。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值