Android OpenGL es 纹理坐标设定与贴图规则

当纹理映射启动后绘图时，你必须为OpenGL ES提供其他数据，即顶点数组中各顶点的纹理坐标。纹理坐标定义了图像的哪一部分将被映射到多边形。它的工作方式有点奇怪。
下面看下在android平台下Opengl纹理系统坐标，左下角为原点。



我们现在讨论怎样使用这些纹理坐标。当我们指定顶点数组中的顶点时，我们需要在另一个数组中提供纹理坐标，它称为纹理坐标数组。这里需要注意定义坐标数组顺序，这很关键。



float texCoords[] = new float[] {

// FRONT

0.0f, 0.0f,

1.0f, 0.0f,

0.0f, 1.0f,

1.0f, 1.0f,

};
效果如下：



如果我们想截取图片有上角不分做纹理，按照上面方法可获的数组
float texCoords[] = new float[] {

// FRONT

0.5f, 0.5f,

1f, 0.5f,

0.5f, 1f,

1f, 1f

};
效果如下：



我们看下贴图的原始文件



你会发现截屏中的图片y轴是颠倒的，其实这是android图像坐标系统与Opengl es 坐标系统不一致导致的。最简单的修正办法将原始图片用工具翻转过来，这样会比用程序翻转节省很多性能，资源是宝贵的。
三角形纹理映射，只要按照我们的映射规则，便可以顺利完成映射。
float texCoords[] = new float[] {

0.0f, 0.0f,

1.0f, 0.0f,

0.5f, 1.0f,

};
效果：



看到这里应该知道纹理坐标数组规则定义的意义了吧。

平铺与箔拉
我们的纹理坐标系统在两个轴上都是从0.0 到 1.0，如果设置超出此范围的值会怎么样？根据视图的设置方式有两种选择。
平铺（也叫重复）

一种选择是平铺纹理。按OpenGL的术语，也叫“重复”。如果我们将第一个纹理坐标数组的所有1.0改为2.0：

static const GLfloat texCoords[] = {

0.0, 2.0,

2.0, 2.0,

0.0, 0.0,

2.0, 0.0

};
我们可以通过glTexParameteri()函数设置。
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL10.GL_REPEAT);

glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL10.GL_REPEAT);



箝位

另一种可能的选择是让OpenGL ES简单地将超过1.0的值限制为1.0，任何低于0.0的值限制为 0.0。这实际会引起边沿像素重复。

我们可以通过glTexParameteri()函数设置。
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);

glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);



water，这么给力了，我也带一个教程。
首先假设我们对一个矩形进行贴图：

四边行的顶点坐标

private static float[] mTriangleArray={

-0.8f,0.3f,0.0f,

0.8f,0.3f,0.0f,

0.8f,-0.3f,0.0f,

-0.8f,-0.3f,0.0f,

};//定义四边形的四个顶点

Android使用的opengl es的纹理坐标系跟官方的opengl 纹理坐标系统不一样

官方的opengl es 纹理坐标为左下角是 (0,0) 右上角是 (1,1): 如下图所示

按照上述坐标系统，则纹理坐标数组应该为



private float[] texCoord={

0.0f,1.0f,

1.0f,1.0f,

1.0f,0.0f,

0.0f,0.0f,

};


如果我们使用此纹理坐标数组我们可以发现，出来的图像是上下颠倒的：
T-轴翻转之谜

以OpenGL的角度来看，我们并未做错任何事情，但结果却是完全错误。原因在于iPhone的特殊性。 iPhone中用于Core Graphics的图像坐标系统并与OpenGL ES一致，其y轴在屏幕从上到下而增加。当然在OpenGL ES中正好相反，它的y轴从下向上增加。其结果就是我们早先传递给OpenGL ES中的图像数据从OpenGL ES的角度看完全颠倒了。所以，当我们使用标准的OpenGL ST映射坐标映射图像时，我们得到了一个翻转的图像

因此，我们需要将纹理坐标系统上下颠倒一下，

即我们可以认为纹理坐标系统跟屏幕的坐标系统是一样的，这样在填写纹理坐标数组就毫无鸭梨。

转换后的纹理坐标系统：

转换后的纹理坐标数组



private float[] texCoord={

0.0f,0.0f,

1.0f,0.0f,

1.0f,1.0f,

0.0f,1.0f,

}; //颠倒后的坐标系统


则此时我们可以发现纹理贴图正确显示了：

关于纹理坐标数组中的顺序，则跟你画顶点的顺序有关，在上述例子中，我的顶点坐标数组顺序是左上，右上，右下，左下，同样，在对应纹理坐标数组应该采用这样的顺序