【Android开发学习35】GL_TRIANGLE_STRIP之纹理贴图
一、基础知识:
GL_TRIANGLE_STRIP比GL_TRIANLGES 快100% ~ 200%。
建议：尽可能地使用GL_TRIANGLE_STRIP替代GL_TRIANGLES。
二、使用方法:
1.首先以框架入手，我们一般在Android上画一个3D的图形，需要在MainActivity的OnCreate函数中加入如下代码，用来进入我们的3D场景界面:
glView = new GLSurfaceView(this);// 创建一个GLSurfaceView glView.setRenderer(new MyGLRenderer(this));// 使用定制的渲染器 setContentView(glView);
其中，glView为GLSurfaceView glView的引用对象，在MainActivity中的成员变量中声明：
private GLSurfaceView glView;// 使用GLSurfaceView
2.接下来实现3D场景中的绚烂器(GLSurfaceView.Renderer)：
public class MyGLRenderer implements GLSurfaceView.Renderer { // 实现代码}
①构造函数的编写:
// Constructor with global application contextpublic MyGLRenderer(Context context) {this.context = context;// 设置所用图形的数据数组缓冲区cube = new TextureCube();}
其中，TextureCube 为我们自己的纹理类，需要自己实现，后面会有实现。context和cube分别为成员变量:
private Context context;// 应用的上下文句柄private TextureCube cube;
②重载函数onSurfaceCreated，创建绚烂器时需要初始化的部分皆在此:
// Call back when the surface is first created or re-created@Overridepublic void onSurfaceCreated(GL10 gl, EGLConfig config){// 启用阴影平滑gl.glShadeModel(GL10.GL_SMOOTH);// 设置背景颜色gl.glClearColor(0.2f, 0.4f, 0.52f, 1.0f);// 设置深度缓存gl.glClearDepthf(1.0f);// 启用深度测试gl.glEnable(GL10.GL_DEPTH_TEST);// 所作深度测试的类型gl.glDepthFunc(GL10.GL_LEQUAL);// 告诉系统对透视进行修正gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);// 禁止抖动以取得更好的性能gl.glDisable(GL10.GL_DITHER);// 设置纹理cube.loadTexture(gl, context);// 加载纹理gl.glEnable(GL10.GL_TEXTURE_2D);// 纹理使能}
以上一些功能的打开和声明，都可以在我博客之前的一些文章中找到，不在详述。
最重要的一句就是 cube.loadTexture(gl, context); 加载纹理。
③重载函数onSurfaceChanged，当屏幕旋转(横屏变为竖屏)时，调用。当然，在初始化的时候也是要调用的：
// Call back after onSurfaceCreated() or whenever the window's size changes@Overridepublic void onSurfaceChanged(GL10 gl, int width, int height){if(height == 0)// 防止被零除{height = 1;}// 重置当前的视图区域gl.glViewport(0, 0, width, height);// 选择投影矩阵gl.glMatrixMode(GL10.GL_PROJECTION);// 重置投影矩阵gl.glLoadIdentity();// 设置视图区域的大小GLU.gluPerspective(gl, 45.0f, (float)width/(float)height,0.1f,100.0f);// 选择模型观察矩阵gl.glMatrixMode(GL10.GL_MODELVIEW);// 重置模型观察矩阵gl.glLoadIdentity();}
④重载函数onDrawFrame，此为一个回调函数，用来更新场景中的各个对象：
// Call back to draw the current frame.@Overridepublic void onDrawFrame(GL10 gl){// 清除屏幕和深度缓存gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);// 重置当前的模型观察矩阵gl.glLoadIdentity();gl.glTranslatef(0.0f, 0.0f, -5.0f); // 向屏幕里移动5个单位gl.glScalef(0.8f, 0.8f, 0.8f);// 缩小80%// 绕X轴旋转立方体 gl.glRotatef(xrot, 1.0f, 0.0f, 0.0f);// 绕Y轴旋转立方体gl.glRotatef(yrot, 0.0f, 1.0f, 0.0f);// 绕Z轴旋转立方体gl.glRotatef(zrot, 0.0f, 0.0f, 1.0f); // 正方体cube.draw(gl);// 每次刷新之后更新旋转角度xrot += 0.3f;yrot += 0.2f;zrot += 0.4f;}
3.接下来实现3D场景中绚烂器的纹理类(TextureCube)：
// 生成一个带纹理的立方体// 这里指定义一个面的顶点，立方体的其他面通过平移和旋转这个面来渲染public class TextureCube {// 实现代码}
①构造函数的编写:
private float[] vertices = { // 定义一个面的顶点坐标-1.0f, -1.0f, 0.0f, // 0. 左-底-前1.0f, -1.0f, 0.0f, // 1. 右-底-前-1.0f, 1.0f, 0.0f, // 2. 左-顶-前1.0f, 1.0f, 0.0f // 3. 右-顶-前};float[] texCoords = { // 定义上面的面的纹理坐标 0.0f, 1.0f, // A. 左-下 1.0f, 1.0f, // B. 右-下 0.0f, 0.0f, // C. 左-上 1.0f, 0.0f // D. 右-上 };int[] textureIDs = new int[1]; // 纹理-ID数组// 构造函数，设置缓冲区public TextureCube(){// 设置顶点数组，顶点数据为浮点数据类型。一个浮点类型的数据长度为四个字节 ByteBuffer vbb = ByteBuffer.allocateDirect(vertices.length * 4); vbb.order(ByteOrder.nativeOrder()); // 使用原生字节顺序 vertexBuffer = vbb.asFloatBuffer(); // 将字节类型缓冲区转换成浮点类型 vertexBuffer.put(vertices); // 将数据复制进缓冲区 vertexBuffer.position(0); // 定位到初始位置 // 设置纹理坐标数组缓冲区，数据类型为浮点数据 ByteBuffer tbb = ByteBuffer.allocateDirect(texCoords.length * 4); tbb.order(ByteOrder.nativeOrder()); texBuffer = tbb.asFloatBuffer(); texBuffer.put(texCoords); texBuffer.position(0);}
②加载图像函数的实现(loadTexture):
// 加载一个图像到GL纹理public void loadTexture(GL10 gl, Context context) {gl.glGenTextures(1, textureIDs, 0);// 生成纹理ID数组gl.glBindTexture(GL10.GL_TEXTURE_2D, textureIDs[0]);// 绑定到纹理ID// 设置纹理过滤方式gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_NEAREST);gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);// 构造一个输入流来加载纹理文件"res/drawable/nehe.bmp"InputStream ins = context.getResources().openRawResource(R.drawable.nehe);Bitmap bmp;try {// 读取并将输入流解码成位图bmp = BitmapFactory.decodeStream(ins);} finally {try {ins.close();}catch(IOException e) {}}// 根据加载的位图为当前绑定的纹理ID建立纹理GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, bmp, 0);}
③绘图函数的实现(draw):
// 绘图public void draw(GL10 gl){gl.glFrontFace(GL10.GL_CCW); // 正前面为逆时针方向 gl.glEnable(GL10.GL_CULL_FACE); // 使能剔除面 gl.glCullFace(GL10.GL_BACK); // 剔除背面（不显示） gl.glEnableClientState(GL10.GL_VERTEX_ARRAY); gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer); gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY); // 使能纹理坐标数组 gl.glTexCoordPointer(2, GL10.GL_FLOAT, 0, texBuffer); // 定义纹理坐标数组缓冲区 // 前 gl.glPushMatrix(); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 左 gl.glPushMatrix(); gl.glRotatef(270.0f, 0.0f, 1.0f, 0.0f); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 后 gl.glPushMatrix(); gl.glRotatef(180.0f, 0.0f, 1.0f, 0.0f); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 右 gl.glPushMatrix(); gl.glRotatef(90.0f, 0.0f, 1.0f, 0.0f); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 顶 gl.glPushMatrix(); gl.glRotatef(270.0f, 1.0f, 0.0f, 0.0f); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 底 gl.glPushMatrix(); gl.glRotatef(90.0f, 1.0f, 0.0f, 0.0f); gl.glTranslatef(0.0f, 0.0f, 1.0f); gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); gl.glPopMatrix(); // 恢复原来的状态 gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY); gl.glDisableClientState(GL10.GL_VERTEX_ARRAY); gl.glDisable(GL10.GL_CULL_FACE);}
备注说明:
在纹理映射的时候，特别要注意顶点数组和图像纹理数组的数值和顺序，如果顺序不对的话，很可能出现画出来的是个三角形，或者图像是很怪的那种。
三、效果展示:
四、代码下载地址:http://download.csdn.net/detail/ypist/5242701
参考文章: http://blog.csdn.net/seniorwizard/article/details/7816179
本文博客源地址:http://blog.csdn.net/ypist