前言：
还记得之前的案例为大家写过了一个地球月球的demo吧，光是颜色渲染是不是显得太过单调了，这次我们在其基础上来为他们渲染上纹理吧，这样我们显得高大上一点。
实现效果：
效果图
代码实现：
Step1：
//绑定纹理
bool LoadTGATexture(const char *szFileName, GLenum minFilter, GLenum magFilter, GLenum wrapMode)
{
GLbyte *bits;
int wid,hig,nCompent;
GLenum eFromat;
//读取纹理数据
bits = gltReadTGABits(szFileName, &wid, &hig, &nCompent, &eFromat);
if(bits == 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);
//载入纹理
glTexImage2D(GL_TEXTURE_2D, 0, GL_COMPRESSED_RGB, wid, hig, 0, eFromat, GL_UNSIGNED_BYTE, bits);
if(minFilter == GL_LINEAR_MIPMAP_LINEAR ||
minFilter == GL_LINEAR_MIPMAP_NEAREST ||
minFilter == GL_NEAREST_MIPMAP_LINEAR ||
minFilter == GL_NEAREST_MIPMAP_NEAREST)
{
//4.加载Mip,纹理生成所有的Mip层
//参数：GL_TEXTURE_1D、GL_TEXTURE_2D、GL_TEXTURE_3D
glGenerateMipmap(GL_TEXTURE_2D);
}
free(bits);
return true;
}
我们先把纹理绑定的核心代码给加上。
Step2:重绘制地板的模型
GLfloat texSize = 10.0f;
//创建地板批次类
floorBatch.Begin(GL_TRIANGLE_FAN, 4,1);
floorBatch.Vertex3f(-20, -0.5f, 20.f);
floorBatch.MultiTexCoord2f(0, 0, 0);
floorBatch.Vertex3f(20, -0.5f, 20.f);
floorBatch.MultiTexCoord2f(0, texSize, 0);
floorBatch.Vertex3f(20, -0.5f, -20.f);
floorBatch.MultiTexCoord2f(0, texSize, texSize);
floorBatch.Vertex3f(-20, -0.5f, -20.f);
floorBatch.MultiTexCoord2f(0, 0, texSize);
floorBatch.End();
之前我们是循环创建的以线段显示的地面，现在我们要使用纹理贴图，所以我们定义四个顶点坐标，即可。
Step3:为每个纹理进行绑定和加载
//分配纹理
glGenTextures(3, uiTextures);
//绑定纹理
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_REPEAT);
glBindTexture(GL_TEXTURE_2D, uiTextures[2]);
LoadTGATexture("Moonlike.tga", GL_LINEAR_MIPMAP_LINEAR, GL_LINEAR, GL_REPEAT);
Step4:渲染场景
//开始渲染
void RenderScene(void) {
//清除一个或一组特定的缓冲区
glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT|GL_STENCIL_BUFFER_BIT);
//设置一组浮点数来各个颜色
GLfloat vRed[] = {0.0f,1.0f,0.0f,1.0f};
GLfloat vBlue[] = {0.0f,0.0f,1.0f,1.0f};
static GLfloat vFloorColor[] = { 1.0f, 1.0f, 0.0f, 0.75f};
//漫反射颜色
static GLfloat vWhite[] = { 1.0f, 1.0f, 1.0f, 1.0f };
//2.基于时间动画
static CStopWatch rotTimer;
float yRot = rotTimer.GetElapsedSeconds() * 60.0f;
//4.光源位置
M3DVector4f vLightPos = {0.0f,10.0f,5.0f,1.0f};
modelViewMatrix.PushMatrix();
//4.加入观察者 并且压入栈顶
M3DMatrix44f mCamera;
cameraFrame.GetCameraMatrix(mCamera);
modelViewMatrix.MultMatrix(mCamera);
//绑定对应纹理
glBindTexture(GL_TEXTURE_2D, uiTextures[0]);
//地板绘制
shaderManager.UseStockShader(GLT_SHADER_TEXTURE_MODULATE,transformPipeline.GetModelViewProjectionMatrix(),vWhite ,0);
floorBatch.Draw();
//地球绘制
//5.使得地球和后来创建的月球位置向z轴平移向屏幕里面
modelViewMatrix.Translate(0.0f, 0.0f, -3.0f);
//6.压栈(复制栈顶)
modelViewMatrix.PushMatrix();
//7.地球自转
modelViewMatrix.Rotate(yRot, 0.0f, 1.0f, 0.0f);
//绑定对应纹理
glBindTexture(GL_TEXTURE_2D, uiTextures[1]);
//8.指定合适的着色器(点光源纹理着色器)
shaderManager.UseStockShader(GLT_SHADER_TEXTURE_POINT_LIGHT_DIFF, transformPipeline.GetModelViewMatrix(),
transformPipeline.GetProjectionMatrix(), vLightPos, vWhite,0);
earthBatch.Draw();
modelViewMatrix.PopMatrix();
//月球
modelViewMatrix.PushMatrix();
//围绕地球旋转，先x自身旋转，然后再依靠距离x轴的距离，来造成旋转的假象。
modelViewMatrix.Rotate(yRot * -2.0f, 0.0f, 1.0f, 0.0f);
modelViewMatrix.Translate(1.0f, 0.0f, 0.0f);
//
//绑定对应纹理
glBindTexture(GL_TEXTURE_2D, uiTextures[2]);
//8.指定合适的着色器(点光源纹理着色器)
shaderManager.UseStockShader(GLT_SHADER_TEXTURE_POINT_LIGHT_DIFF, transformPipeline.GetModelViewMatrix(),
transformPipeline.GetProjectionMatrix(), vLightPos, vWhite,0);
moonBatch.Draw();
modelViewMatrix.PopMatrix();
//退出camera的矩阵
modelViewMatrix.PopMatrix();
//将在后台缓冲区进行渲染，然后在结束时交换到前台
glutSwapBuffers();
//重新渲染
glutPostRedisplay();
}
完结撒花✿✿ヽ(°▽°)ノ✿
强化练习：
上面的案例还是比较简单，那么接下来，如果我们要实现以下的效果图，该如何去做呢。
image.png
实现：月球的周围出现其他的行星，而且出现了一个类似于水面反射的效果，
大家思考下吧，下节课为大家做强化练习！！！！！！
网友评论