案例09:球体世界

简介: 案例09:球体世界

本案例是基于案例06:大球自转+小球公转+移动的基础上增加了纹理和镜像显示,最终的效果如图所示

微信图片_20220514101519.png

整体的流程图如下所示

微信图片_20220514101627.png


其中涉及改动的函数主要有:


  • SetupRC:在原有代码的基础上,增加纹理相关数据及设置
  • loadTGATexture:将TGA文件加载为2D纹理
  • RenderScene:镜面球体部分、地板、非镜面球体部分的绘制
  • Drawsomething:大球、静态小球、动态小球的绘制


SetupRC函数


该函数主要是数据的初始化,包括顶点、纹理等,函数流程图如下

微信图片_20220514101804.png


纹理相关的有以下几部分


  • 地板数据由原来的线条相交,更改为仅设置4个顶点坐标&纹理坐标
    //6.设置地板顶点数据&地板纹理
    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();


  • 命名纹理对象
    由于使用了3种纹理,传入的纹理个数为3,并传入纹理数组
glGenTextures(3, uiTextures);


  • 绑定纹理&加载纹理地板、大球、小球都需要分别绑定纹理和加载纹理
  • glBindTexture绑定
  • LoadTGATexture方法加载纹理‘

  • 以地板为例
glBindTexture(GL_TEXTURE_2D, uiTextures[0]);
LoadTGATexture("marble.tga", GL_LINEAR_MIPMAP_LINEAR, GL_LINEAR, GL_REPEAT);


loadTGATexture函数


主要是将TGA文件从内存中读取出来,加载为2D纹理数据,主要有以下几步(这部分在案例07:纹理金字塔已有详细说明,这里不过多阐述),简述下大概的步骤即可


  • 读取纹理 -- gltReadTGABits
  • 设置纹理参数(S和T的环绕模式、放大/缩小的过滤方式) -- glTexParameteri
  • 载入纹理 -- glTexImage2D
  • 释放
  • 加载Mip


RenderScene函数


主要是三部分内容的绘制,函数流程图如下

微信图片_20220514102126.png


镜面部分绘制


  • push压栈:此处压栈的目的是由于观察者矩阵是作用于全局的,为了不影响后续图形的绘制,所以需要压栈
  • 翻转Y轴:通过Scale函数,沿着y轴,从+y翻转到-y绝对值相等的坐标
  • 围绕Y轴平移:平移的目的是为了镜面效果更逼真,现实中的照镜子,镜子里与镜子外也是有一定间隔的
  • 指定顺时针为正面:需要绘制的-y轴的镜面部分,所以需要更改系统默认的逆时针正面,改为顺时针为正面,绘制完成后,在恢复默认设置
  • 绘制镜面部分
  • 恢复逆时针为正面:此处必须恢复,不然会影响后续图形的绘制
  • pop出栈栈顶:恢复到堆栈栈顶是观察者矩阵的状态


    //6.压栈(镜面)
    modelViewMatrix.PushMatrix();
    //7.---添加反光效果---
    //翻转Y轴
    modelViewMatrix.Scale(1.0f, -1.0f, 1.0f);
    //镜面世界围绕Y轴平移一定间距
    modelViewMatrix.Translate(0.0f, 0.8f, 0.0f);
    //8.指定顺时针为正面
    glFrontFace(GL_CW);
    //9.绘制地面以外其他部分(镜面)
    drawSomething(yRot);
    //10.恢复为逆时针为正面
    glFrontFace(GL_CCW);
    //11.绘制镜面,恢复矩阵
    modelViewMatrix.PopMatrix();


地板绘制


开启混合,并指定混合方程式:开启混合的目的是地板需要与镜面部分进行颜色混合,且地板需要设置一个半透明的基本色,用于颜色混合,如果不设置,则无法看到地面以下内容,将看到的是一个实体的地板

绑定地板纹理

绘制地板

关闭混合

//12.开启混合功能(绘制地板)
glEnable(GL_BLEND);
//13. 指定glBlendFunc 颜色混合方程式
glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
//14.绑定地面纹理
glBindTexture(GL_TEXTURE_2D, uiTextures[0]);
 /*15.
    纹理调整着色器(将一个基本色乘以一个取自纹理的单元nTextureUnit的纹理)
    参数1:GLT_SHADER_TEXTURE_MODULATE
    参数2:模型视图投影矩阵
    参数3:颜色
    参数4:纹理单元(第0层的纹理单元),level
*/
shaderManager.UseStockShader(GLT_SHADER_TEXTURE_MODULATE,
                                 transformPipeline.GetModelViewProjectionMatrix(),vFloorColor,0);
//开始绘制
 floorBatch.Draw();
//关闭混合
glDisable(GL_BLEND);


  • 非镜面部分绘制


  • 非镜面除地板以外部分绘制
  • pop出栈栈顶,恢复矩阵初始状态
//16.绘制地面以外其他部分
drawSomething(yRot);
//17.绘制完,恢复矩阵
modelViewMatrix.PopMatrix();


Drawsomething函数


主要是对大球,小球绘制的封装,封装的原因是镜面效果的实现,其实是将除了地板以外的其他部分都重新绘制了一遍,一次来实现镜面球体,主要流程图如下

微信图片_20220514102523.png


包含以下4部分操作


  • 初始化:光源位置和漫反射颜色
  • 绘制静态小球
  • 绘制大球
  • 绘制小球


注:大球和小球的绘制均有push和pop,是因为他们都需要绘制两次,为了不影响后续的绘制,所以需要push和pop

相关文章
|
1月前
|
算法 图形学
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
94 2
使用 Kitten 编程猫绘制一个 Y 方向平铺的立方体集合
使用 Kitten 编程猫绘制一个 Y 方向平铺的立方体集合
|
9月前
|
存储
Kitten 动态绘制 Y 轴方向立方体的实现方法
Kitten 动态绘制 Y 轴方向立方体的实现方法
|
数据可视化 C++
高斯正反算—投影坐标转大地坐标、大地坐标转投影坐标(附有完整代码及测试结果)
高斯正反算—投影坐标转大地坐标、大地坐标转投影坐标(附有完整代码及测试结果)
|
机器学习/深度学习 算法 数据可视化
R绘图案例|基于分面的面积图绘制
R绘图案例|基于分面的面积图绘制
10842 0
|
数据可视化
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
136 0
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
双开门案例(使用平移效果)
双开门案例(使用平移效果)
69 0
|
存储 开发者
案例 03:金字塔、六边形、圆环的绘制
该案例主要是对常见的图元连接方式的运用
188 0
案例 03:金字塔、六边形、圆环的绘制
十一、理解纹理坐标
纹理坐标就是纹理与图形的映射关系,图形中每个顶点都会关联一个纹理坐标,表示顶点需要从该位置读取纹理图像的数据。
398 0
十一、理解纹理坐标