OpenGL-15-案例6:球体世界(自转+公转)

我们利用前门所学到的OpenGL的知识来写一个综合案例

一、效果图

效果图

二、流程图

流程图

三、源码

#include "GLTools.h"
#include "GLShaderManager.h"
#include "GLFrustum.h"
#include "GLBatch.h"
#include "GLMatrixStack.h"
#include "GLGeometryTransform.h"
#include "StopWatch.h"//定时

#include <math.h>
#include <stdio.h>

#ifdef __APPLE__
#include <glut/glut.h>
#else
#define FREEGLUT_STATIC
#include <GL/glut.h>
#endif


GLShaderManager        shaderManager;            // 着色器管理器
GLMatrixStack        modelViewMatrix;        // 模型视图矩阵
GLMatrixStack        projectionMatrix;        // 投影矩阵
GLFrustum            viewFrustum;            // 视景体
GLGeometryTransform    transformPipeline;        // 几何图形变换管道

GLTriangleBatch        torusBatch;             //大球
GLTriangleBatch     sphereBatch;            //小球
GLBatch                floorBatch;          //地板


GLFrame             cameraFrame;

//添加50个随机小球
#define NUM_SPHERES 50
GLFrame spheres[NUM_SPHERES];


//纹理标记数组
GLuint uiTextures[3];


bool LoadTGATexture(const char *szFileName, GLenum minFilter, GLenum magFilter, GLenum wrapMode)
{
    
    //初始化需要用到的参数
    GLbyte *pBits;
    int nWidth,nHeight,nComponents;
    GLenum eFormat;
    
    
    //读取到上面的数据
    pBits = gltReadTGABits(szFileName, &nWidth, &nHeight, &nComponents, &eFormat);
    if (pBits == NULL) {
        return false;
    }
    
    
    //设置纹理
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, wrapMode);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, wrapMode);
    
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, minFilter);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, magFilter);
    
    
    //载入纹理
    /*
     参数1:纹理维度
     参数2:mip贴图层次
     参数3:纹理单元存储的颜色成分(从读取像素图是获得)-将内部参数nComponents改为了通用压缩纹理格式GL_COMPRESSED_RGB
     参数4:加载纹理宽
     参数5:加载纹理高
     参数6:加载纹理的深度
     参数7:像素数据的数据类型(GL_UNSIGNED_BYTE,每个颜色分量都是一个8位无符号整数)
     参数8:指向纹理图像数据的指针
     */
    
    glTexImage2D(GL_TEXTURE_2D, 0, GL_COMPRESSED_RGB, nWidth, nHeight, 0,eFormat, GL_UNSIGNED_BYTE, pBits);
    
    
    //释放pBits
    free(pBits);
    
    //如果是以下4种过滤方式,才生产MIP贴图
    if(
       minFilter == GL_LINEAR_MIPMAP_LINEAR ||
       minFilter == GL_LINEAR_MIPMAP_NEAREST ||
       minFilter == GL_NEAREST_MIPMAP_LINEAR ||
       minFilter == GL_NEAREST_MIPMAP_NEAREST
       ){
        
        //加载Mip,纹理生成所有的Mip层
        glGenerateMipmap(GL_TEXTURE_2D);
        
        
    }
    
    
    return true;
}
void SetupRC()
{
    //1、设置背景色
    glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    
    //2、初始化着色器
    shaderManager.InitializeStockShaders();
    
    //3、开始深度测试、正背面剔除
    glEnable(GL_DEPTH_TEST);
    glEnable(GL_CULL_FACE);
    
    //4、初始化地板(添加顶点数据和纹理坐标)
    GLfloat texSize = 10.0f;
    floorBatch.Begin(GL_TRIANGLE_FAN, 4,1);
    floorBatch.MultiTexCoord2f(0, 0.0f, 0.0f);
    floorBatch.Vertex3f(-20.f, -0.41f, 20.0f);
    
    floorBatch.MultiTexCoord2f(0, texSize, 0.0f);
    floorBatch.Vertex3f(20.0f, -0.41f, 20.f);
    
    floorBatch.MultiTexCoord2f(0, texSize, texSize);
    floorBatch.Vertex3f(20.0f, -0.41f, -20.0f);
    
    floorBatch.MultiTexCoord2f(0, 0.0f, texSize);
    floorBatch.Vertex3f(-20.0f, -0.41f, -20.0f);
    floorBatch.End();
    
    //5、初始化自转大球
    gltMakeSphere(torusBatch, 0.4f, 40, 80);
    
    
    //6、初始化自转+公转的小球
    gltMakeSphere(sphereBatch, 0.1f, 12, 24);
    
    
    //7、设置50个随机位置的小球
    for (int i=0; i<NUM_SPHERES; i++) {
        //因为都在一个平面,Y值是不变的。X和Z是随机的
        GLfloat x = ((GLfloat)((rand() % 400) - 200 ) * 0.1f);
        GLfloat z = ((GLfloat)((rand() % 400) - 200 ) * 0.1f);
        
        //对spheres数组中的每一个顶点,设置顶点数据(SetOrigin设置位置)
        spheres[i].SetOrigin(x, 0.0f, z);
    }
    
    
    //8、初始化纹理-申请3个纹理
    glGenTextures(3, uiTextures);
    
    //9、绑定各个纹理,并且读取TGA文件参数并进行设置
    glBindTexture(GL_TEXTURE_2D, uiTextures[0]);
    LoadTGATexture("marble.tga",
                   GL_LINEAR_MIPMAP_LINEAR,
                   GL_LINEAR,
                   GL_REPEAT);
    
    
    glBindTexture(GL_TEXTURE_2D, uiTextures[1]);
    LoadTGATexture("marslike.tga",
                   GL_LINEAR_MIPMAP_LINEAR,
                   GL_LINEAR,
                   GL_CLAMP_TO_EDGE);
    
    
    glBindTexture(GL_TEXTURE_2D, uiTextures[2]);
    LoadTGATexture("moonlike.tga",
                   GL_LINEAR_MIPMAP_LINEAR,
                   GL_LINEAR,
                   GL_CLAMP_TO_EDGE);
}

//删除纹理
void ShutdownRC(void)
{
    glDeleteTextures(3, uiTextures);
}



void drawSomething(GLfloat yRot)
{
    //1、定义光源位置和漫反射颜色
    static GLfloat vWhite[] = { 1.0f, 1.0f, 1.0f, 1.0f };
    static GLfloat vLightPos[] = { 0.0f, 3.0f, 0.0f, 1.0f };
    
    //2、绘制50个随机小球
    //先设置纹理-2号纹理
    glBindTexture(GL_TEXTURE_2D, uiTextures[2]);
    //循环把每个小球位置放进栈中,并绘制出来
    //因为小球是几何模型,所以不需要绑定纹理坐标
    for(int i = 0; i < NUM_SPHERES; i++) {
        modelViewMatrix.PushMatrix();
        modelViewMatrix.MultMatrix(spheres[i]);
        /*
        参数1: 存储着⾊器种类-纹理光源着⾊器 GLT_SHADER_TEXTURE_POINT_LIGHT_DIEF
        参数2: 模型4*4矩阵
        参数3: 投影4*4矩阵
        参数4: 点光源位置
        参数5: 颜⾊值(⼏何图形的基本⾊)
        参数6: 纹理单元
        */
        shaderManager.UseStockShader(GLT_SHADER_TEXTURE_POINT_LIGHT_DIFF,
                                     modelViewMatrix.GetMatrix(),
                                     transformPipeline.GetProjectionMatrix(),
                                     vLightPos,
                                     vWhite,
                                     0);
        sphereBatch.Draw();
        modelViewMatrix.PopMatrix();
    }
    
    
    
    //把所有图案都平移一下。先Y轴平移一点点,再Z轴平移一点点
    modelViewMatrix.Translate(0.0f, 0.2f, -2.5f);
    //3、绘制大球
    modelViewMatrix.PushMatrix();
    modelViewMatrix.Rotate(yRot, 0.0f, 1.0f, 0.0f);
    glBindTexture(GL_TEXTURE_2D, uiTextures[1]);
    shaderManager.UseStockShader(GLT_SHADER_TEXTURE_POINT_LIGHT_DIFF,
                                 modelViewMatrix.GetMatrix(),
                                 transformPipeline.GetProjectionMatrix(),
                                 vLightPos,
                                 vWhite,
                                 0);
    torusBatch.Draw();
    modelViewMatrix.PopMatrix();
    
    
    //4、绘制公转自转小球
    modelViewMatrix.PushMatrix();
    modelViewMatrix.Rotate(yRot * -2.0f, 0.0f, 1.0f, 0.0f);
    modelViewMatrix.Translate(0.8f, 0.0f, 0.0f);
    glBindTexture(GL_TEXTURE_2D, uiTextures[2]);
    shaderManager.UseStockShader(GLT_SHADER_TEXTURE_POINT_LIGHT_DIFF,
                                 modelViewMatrix.GetMatrix(),
                                 transformPipeline.GetProjectionMatrix(),
                                 vLightPos,
                                 vWhite,
                                 0);
    sphereBatch.Draw();
    modelViewMatrix.PopMatrix();
    
}
void RenderScene(void)
{
    //1、设置必要的参数
    //地板颜色
    static GLfloat vFloorColor[] = {1.0f,1.0f,0.0f,0.75f};
    //基于时间的旋转角度
    static CStopWatch rotTimer;
    float yRot = rotTimer.GetElapsedSeconds() * 60.f;
    //清空颜色缓冲区和深度缓冲区
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    

    //2、压栈,是为了保证整个画面绘制完之后,清空,不影响下一次绘制
    modelViewMatrix.PushMatrix();
    
    //3、压入观察者,因为观察者一旦变化,所有东西都会变化。其他的变化其实是基于观察者变化之上的。
    M3DMatrix44f mCamera;
    cameraFrame.GetCameraMatrix(mCamera);
    modelViewMatrix.MultMatrix(mCamera);
    
    //4、画镜面部分。这里也要加一次push、pop。因为镜面部分和镜面之上是分开的,没有联动,不能让镜面对其他地方造成影响
    //镜面push (这里push的是观察者矩阵)
    modelViewMatrix.PushMatrix();
    
    //围绕Y轴翻转,所以顶点都发生了改变
    modelViewMatrix.Scale(1.0f, -1.0f, 1.0f);
    //为了效果逼真,把镜面与镜面之上隔开距离,沿着Y轴偏移一下
    modelViewMatrix.Translate(0.0f, 0.8f, 0.0f);
    //因为镜面和正常是反的,所以要声明一下,让顺时针成为正面
    glFrontFace(GL_CW);
    //开始绘制镜面所显示的东西
    drawSomething(yRot);
    //镜面画完之后要把正面恢复成逆时针
    glFrontFace(GL_CCW);
    //镜面pop
    modelViewMatrix.PopMatrix();
    
    //5、画地板部分,然后和镜面部分混合一下(是为了能够看到地板以下的镜面部分)。 因为地板从始至终没有发生变化,所以不需要压栈出栈
    //开启混合
    glEnable(GL_BLEND);
    //指定颜色混合方程式
    glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
    //绑定地板纹理
    glBindTexture(GL_TEXTURE_2D, uiTextures[0]);
    //使用着色器
    /*
    参数1: 存储着⾊器种类-纹理调整着⾊器 GLT_SHADER_TEXTURE_MODULATE
    参数2: 模型4*4矩阵
    参数3: 颜⾊值
    参数4: 纹理单元
    */
    shaderManager.UseStockShader(GLT_SHADER_TEXTURE_MODULATE,transformPipeline.GetModelViewProjectionMatrix(),vFloorColor,0);
    //绘制
    floorBatch.Draw();
    //关闭混合
    glDisable(GL_BLEND);
    
    
    //6、画地板之上的正常区域
    //其实这个地方是要加push、pop的,但是因为,这一块是最后绘制的,它对其他地方没有影响,就可以省略了
    drawSomething(yRot);
    
    //7、出栈
    modelViewMatrix.PopMatrix();
    
    //8、交换缓冲区
    glutSwapBuffers();
    
    //9、因为开启了定时器,我们要不断刷新渲染
    glutPostRedisplay();
    
}


void ChangeSize(int w, int h)
{
 
    if (h == 0) {
        h = 1;
    }
    glViewport(0, 0, w, h);
    
    viewFrustum.SetPerspective(35.0f, float(w)/float(h), 1.0f, 150.0f);
    
    projectionMatrix.LoadMatrix(viewFrustum.GetProjectionMatrix());
    
    transformPipeline.SetMatrixStacks(modelViewMatrix, projectionMatrix);
    
}


void SpeacialKeys(int key,int x,int y)
{
    
    if (key == GLUT_KEY_UP) {
        //MoveForward 平移
        cameraFrame.MoveForward(0.1f);
    }
    if (key == GLUT_KEY_DOWN) {
        cameraFrame.MoveForward(-0.1f);
    }
    
    if (key == GLUT_KEY_LEFT) {
        //RotateWorld 旋转
        cameraFrame.RotateWorld(m3dDegToRad(5.0f), 0.0f, 1.0f, 0.0f);
    }
    
    if (key == GLUT_KEY_RIGHT) {
        cameraFrame.RotateWorld(m3dDegToRad(-5.0f), 0.0f, 1.0f, 0.0f);
    }
    
    
    
    //本里这里需要移动后重新渲染的,但是因为渲染方法中,因为定时器问题本身就一直再重新渲染,这里就不用再写一遍了,啰嗦
//    glutPostRedisplay();
    
}

int main(int argc, char* argv[])
{
    
    gltSetWorkingDirectory(argv[0]);
   
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
    glutInitWindowSize(800,600);
    glutCreateWindow("球体世界");

    GLenum err = glewInit();
    if (GLEW_OK != err) {
       fprintf(stderr, "GLEW Error: %s\n", glewGetErrorString(err));
       return 1;
    }

    glutReshapeFunc(ChangeSize);
    glutDisplayFunc(RenderScene);
    glutSpecialFunc(SpeacialKeys);


    SetupRC();
    glutMainLoop();
    
    
    ShutdownRC();
    
    return 0;
    
    
    
}

四、注意事项

  • 着色器使用:大球小球-纹理点光源着色器 ;地板-纹理调整着色器。
  • 大球自转:我们为了更直观看到大球,要先平移一下。然后再压栈,进行自转(如果把平移放进压栈里,会每转一次就平移一下)。
  • 小球自转+公转:压栈中,一定要注意是 旋转平移。因为压栈不满足交换律。如果是平移旋转就是另一个效果了。
  • 镜面地板:其实是把底面上的东西又写了一遍,然后和地板纹理进行了混合形成的。
  • 因为所有球,有两遍绘制渲染,所以封装了一个drawSomething方法,直接调用2次就行了,节省代码量
  • 每次移动,整个界面各个图形的位置其实都相对发生了变化,所以要在RenderSence中,压栈之后第一首要任务就是把cameraFrame放进去。
  • 记得压栈push一次都要pop一次。
  • 其实我们拉远了视角就能看出整个案例的全貌了:


    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,776评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,527评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,361评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,430评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,511评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,544评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,561评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,315评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,763评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,070评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,235评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,911评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,554评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,173评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,424评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,106评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,103评论 2 352