openGL之纹理贴图---openGL学习笔记（十三）

把图像贴到所绘制的图形上的技术，在openGL中叫做纹理贴图。

使要用纹理贴图要实现以下步骤：

1.启用纹理贴图---纹理贴图同样是状态机，所以启用方法为：gl.glEnable(GL10.GL_TEXTURE_2D);

2.生成纹理ID：因为openGL中纹理贴图的工作过程是，先将图片加载进来，而加载纹理当然有可能会加载很多纹理，所以如何判断当前操作的纹理呢---openGL在每加载一个纹理的时候都会生成一个整数值的纹理ID，然后每个纹理贴图都会绑定到这个ID上，所以用这个纹理ID就可以操作加载的每一个纹理。gl.glGenTextures(1,texId,0);第一个参数1的意思是，用一个数字来表示纹理ID，第三个参数为偏移量。

3.绑定纹理ID：gl.glBindTexture(GL10.GL_TEXTURE_2D,id);

4.加载纹理：GLUtils.texImage2D(GL10.GL_TEXTURE_2D,0,bitmap,0);第一个参数为什么类型的纹理，第二个参数为等级，第三个参数是要加载的位图，第四个参数为边框。

通过上述几步基本完成了纹理贴图的主要步骤，不过，一般的图片像素都很大，那么我们如何进行缩放呢，那么就要指定纹理过滤器：

gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_LINEAR);//缩小
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);//放大

而如果加载的图片过大，我又不想把图片缩小，那就要设置环绕方式：

gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_S, GL10.GL_REPEAT);//S回绕
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_T, GL10.GL_REPEAT);//T回绕

那么这些都设置好了之后，我们并没有告诉openGL如何将加载进来的图片的坐标与绘制图形的坐标进行匹配，默认情况下，openGL将一个图像加载进来，会默认左下角为0,0坐标，右上角为1,1坐标，如下图所示：





而我们制定坐标的时候，就可以根据需求自行调节，例如：





而将一个小图片贴到大图形上时，openGL会做一个插值处理，例如用横向5cm的位图贴到横向10cm的图形上时，openGL会取各部分之间的颜色差值插到空白位置，为了美观，我们使用线性插值使图像变得平滑，如下图所示：





在完成上述步骤以后，还需要最后一步，指定纹理指针：

gl.glTexCoordPointer(2,GL10.GL_FLOAT,0, BufferUtils.arr2FloatBuffer(texCoords));

与定点指针一样，第一个参数为用几个数来表示一个点，第二个参数为这些数是什么数据类型，第三个参数为跨度，第四个参数为缓冲区。

经过以上步骤就完成了纹理贴图，效果图如下：





附代码：

public class MyTextureRenderer extends AbstractRenderer{

private Resources r;

public MyTextureRenderer(Resources r){
this.r = r;
}

@Override
public void onDrawFrame(GL10 gl) {

gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
gl.glColor4f(1, 0, 0, 1);
gl.glMatrixMode(GL10.GL_MODELVIEW);
gl.glLoadIdentity();
GLU.gluLookAt(gl, 0, 0, 5, 0, 0, 0, 0, 1, 0);
gl.glRotatef(xRotate, 1, 0, 0);
gl.glRotatef(yRotate, 0, 1, 0);

/*********************** 纹理 ************************/
gl.glEnable(GL10.GL_TEXTURE_2D);//启用二维纹理
int [] texId = new int[1];
gl.glGenTextures(1,texId,0);//生成纹理id
int id = texId[0];//取到纹理id
gl.glBindTexture(GL10.GL_TEXTURE_2D,id);//绑定纹理
Bitmap bitmap = BitmapFactory.decodeResource(r, R.drawable.a8);
GLUtils.texImage2D(GL10.GL_TEXTURE_2D,0,bitmap,0);//加载纹理
//指定纹理过滤器
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_LINEAR);//缩小
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);//放大
//纹理回绕参数
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_S, GL10.GL_REPEAT);//S回绕
gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_T, GL10.GL_REPEAT);//T回绕
bitmap.recycle();
//纹理坐标
float [] texCoords = {
0,1,
1,1,
0,0,
1,0,
};
//指定纹理指针
gl.glTexCoordPointer(2,GL10.GL_FLOAT,0, BufferUtils.arr2FloatBuffer(texCoords));
float r = 1f;//半径
float [] coords = {
-r,-r,0,
r,-r,0,
-r,r,0,
r,r,0,
};

gl.glVertexPointer(3, GL10.GL_FLOAT, 0, BufferUtils.array2ByteBuffer(coords));//指定顶点指针

gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
}
}