【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 context
public 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
@Override
public 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
@Override
public 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.
@Override
public 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