OpenGL ES紋理詳解
更新時間：2018年05月27日 09:22:05 作者：weiers
這篇文章主要為大家詳細介紹了OpenGL ES紋理的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
使用前面學過的技術(shù)已經(jīng)可以利用OpenGL ES構(gòu)建立體圖形，并通過頂點著色器和片元著色器對其進行各種變化呢和光照等效果使得三維效果更加真實，實際上我看看到很多的3D游戲漂亮多了，那是因為有各種各樣的漂亮的圖像帶給人很多視覺盛宴，這篇文章在前面的基礎(chǔ)上，增加物體的表面貼圖，使得物體更加好看。
紋理概念
紋理用來表示圖像照片或者說一系列的數(shù)據(jù)，使用紋理可以使物體用用更多的細節(jié)。OpenGL ES 2.0 中有兩種貼圖：二維紋理和立方體紋理。
每個二維紋理都由許多小的紋理元素組成，類似與片元和像素，使用紋理最簡單的方式就是直接從一個圖像加載數(shù)據(jù)。在OpenGL中規(guī)定紋理圖像的左下角由stst坐標(0.0,0.0)指定，右上角由stst坐標(1.0,1.0)指定，不過超過1.0的坐標也是允許的，在該區(qū)間之外的紋理在讀取時的時候由紋理拉伸模式?jīng)Q定。
OpenGL ES 2.0不必是正方形，但是每個維度都應該是2的冪
在Android中使用的OpenGL ES的紋理坐標系跟官方的紋理坐標系統(tǒng)不一樣，在Android中使用官方的紋理坐標系統(tǒng)，得到的結(jié)果是相反的，而是左上角是stst坐標(0.0,0.0)點，右下角是stst坐標(1.0,1.0)點。
二維紋理映射的原理
使用紋理就是在紋理圖中進行采樣，因此需要將選定的紋理坐標穿進頂點著色器，經(jīng)過插值在片元著色器中從紋理圖中的指定位置采樣即可，紋理圖的數(shù)據(jù)通過往片元插值器傳遞紋理單元指定的。
紋理對象和紋理加載
創(chuàng)建一個紋理對象，保存渲染所需的紋理數(shù)據(jù)，例如圖像數(shù)據(jù)、過濾模式、包裝模式。創(chuàng)建生成紋理對象的函數(shù)
public static native void glGenTextures(
int n, // 指定要生成的紋理對象的數(shù)量
int[] textures, // 保存紋理對象ID的數(shù)組
int offset
);
紋理對象在應用程序中不再使用時，需要刪除。
public static native void glDeleteTextures(
int n, // 指定要刪除的紋理數(shù)量
int[] textures, // 保存待刪除的紋理ID的數(shù)組
int offset
);
紋理對象的 ID 必須是 glGenTextures 產(chǎn)生的，一旦生成紋理ID，就必須綁定紋理對象才能繼續(xù)進行后續(xù)的操作。后續(xù)的操作將影響綁定的紋理對象。一旦紋理被綁定到一個特定的紋理目標，再刪除之前就一直保持著綁定狀態(tài)。
public static native void glBindTexture(
int target, // 綁定紋理對象到目標 GL_TEXTURE_2D 或 GL_TEXTURE_CUBE_MAP
int texture // 要綁定的紋理對象ID
);
激活某個紋理單元
public static native void glActiveTexture(
int texture // 要激活的紋理單元
);
對這兩個函數(shù)的理解：顯卡中有N個紋理單元（GL_TEXTURE0，GL_TEXTURE1，GL_TEXTURE2…），每個紋理單元中保存著很多紋理目標（targetTexture1D，targetTexture2D，targetTexture3D，targetTextureCube…），OpenGL ES 2.0貌似只支持了targetTexture2D和targetTextureCube。
紋理單元TextureUnit的定義如下
struct TextureUnit
{
GLuint targetTexture1D;
GLuint targetTexture2D;
GLuint targetTexture3D;
GLuint targetTextureCube;
...
};
glActiveTexture函數(shù)就是設(shè)置當前活動的紋理單元
TextureUnit textureUnits[GL_MAX_TEXTURE_IMAGE_UNITS]
GLuint currentTextureUnit = 0;
// ...
void glActiveTexture(GLenum textureUnit)
{
currentTextureUnit = textureUnit - GL_TEXTURE0 ;
}
glBindTexture函數(shù)就是將紋理對象ID賦值給當前活動的紋理單元的對應的目標紋理。
void glBindTexture(GLenum textureTarget, GLuint textureObject)
{
TextureUnit *texUnit = &textureUnits[currentTextureUnit];
switch(textureTarget)
{
case GL_TEXTURE_1D: texUnit->targetTexture1D = textureObject; break;
case GL_TEXTURE_2D: texUnit->targetTexture2D = textureObject; break;
case GL_TEXTURE_3D: texUnit->targetTexture3D = textureObject; break;
case GL_TEXTURE_CUBEMAP: texUnit->targetTextureCube = textureObject; break;
}
}
獲取一副圖片的紋理數(shù)據(jù)
public static void texImage2D(int target, // 常數(shù)GL_TEXTURE_2D
int level, // 表示多級分辨率的紋理圖像的級數(shù)，若只有一種分辨率，則level設(shè)為0。
Bitmap bitmap,
int border // 邊框，一般設(shè)為0
)
其他紋理選項的設(shè)置使用glTexParameterf系列函數(shù)
public static native void glTexParameterf(
int target,
int pname, // 設(shè)定的參數(shù)，可以是GL_TEXTURE_MAG_FILTER,GL_TEXTURE_MIN_FILTER,GL_TEXTURE_WRAP_S,GL_TEXTURE_WRAP_T
float param // 參數(shù)對應的值
);
應用紋理的例子
對前面的立方體的每個面應用一張圖片作為紋理貼圖，效果圖（這個紋理圖是哪個老師來著？）
Rectangle.java
public class Rectangle {
private FloatBuffer mVertexBuffer;
private int mProgram;
private int mPositionHandle;
private int muMVPMatrixHandle;
private int mColorHandle;
private int muMMatrixHandle;
private int muLightLocationHandle;
private int mTextureCoordHandle;
private int textureId;
private int muTextureHandle;
private Context mContext;
public Rectangle(Context context) {
this.mContext = context;
initVetexData();
}
public void initVetexData() {
float vertices[] = new float[] {
// 頂點 顏色 紋理坐標
//前面
0, 0, 1, 1,1,1,0, 0.5f, 0.5f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
-1, 1, 1, 1,0,0,0, 0.0f, 0.0f,
0, 0, 1, 1,1,1,0, 0.5f, 0.5f,
-1, 1, 1, 1,0,0,0, 0.0f, 0.0f,
-1,-1, 1, 1,0,0,0, 0.0f, 1.0f,
0, 0, 1, 1,1,1,0, 0.5f, 0.5f,
-1,-1, 1, 1,0,0,0, 0.0f, 1.0f,
1,-1, 1, 1,0,0,0, 1.0f, 1.0f,
0, 0, 1, 1,1,1,0, 0.5f, 0.5f,
1,-1, 1, 1,0,0,0, 1.0f, 1.0f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
//后面
0, 0,-1, 1,1,1,0, 0.5f, 0.5f,
1, 1,-1, 1,0,0,0, 1.0f, 0.0f,
1,-1,-1, 1,0,0,0, 0.0f, 0.0f,
0, 0,-1, 1,1,1,0, 0.5f, 0.5f,
1,-1,-1, 1,0,0,0, 0.0f, 0.0f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
0, 0,-1, 1,1,1,0, 0.5f, 0.5f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
-1, 1,-1, 1,0,0,0, 1.0f, 1.0f,
0, 0,-1, 1,1,1,0, 0.5f, 0.5f,
-1, 1,-1, 1,0,0,0, 1.0f, 1.0f,
1, 1,-1, 1,0,0,0, 1.0f, 0.0f,
//左面
-1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
-1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
-1, 1,-1, 1,0,0,0, 0.0f, 0.0f,
-1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
-1, 1,-1, 1,0,0,0, 0.0f, 0.0f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
-1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
-1,-1, 1, 1,0,0,0, 1.0f, 1.0f,
-1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
-1,-1, 1, 1,0,0,0, 1.0f, 1.0f,
-1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
//右面
1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
1,-1, 1, 1,0,0,0, 0.0f, 0.0f,
1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
1,-1, 1, 1,0,0,0, 0.0f, 0.0f,
1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
1, 1,-1, 1,0,0,0, 1.0f, 1.0f,
1, 0, 0, 1,1,1,0, 0.5f, 0.5f,
1, 1,-1, 1,0,0,0, 1.0f, 1.0f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
//上面
0, 1, 0, 1,1,1,0, 0.5f, 0.5f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
1, 1,-1, 1,0,0,0, 0.0f, 0.0f,
0, 1, 0, 1,1,1,0, 0.5f, 0.5f,
1, 1,-1, 1,0,0,0, 0.0f, 0.0f,
-1, 1,-1, 1,0,0,0, 0.0f, 1.0f,
0, 1, 0, 1,1,1,0, 0.5f, 0.5f,
-1, 1,-1, 1,0,0,0, 0.0f, 1.0f,
-1, 1, 1, 1,0,0,0, 1.0f, 1.0f,
0, 1, 0, 1,1,1,0, 0.5f, 0.5f,
-1, 1, 1, 1,0,0,0, 1.0f, 1.0f,
1, 1, 1, 1,0,0,0, 1.0f, 0.0f,
//下面
0,-1, 0, 1,1,1,0, 0.5f, 0.5f,
1,-1, 1, 1,0,0,0, 1.0f, 0.0f,
-1,-1, 1, 1,0,0,0, 0.0f, 0.0f,
0,-1, 0, 1,1,1,0, 0.5f, 0.5f,
-1,-1, 1, 1,0,0,0, 0.0f, 0.0f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
0,-1, 0, 1,1,1,0, 0.5f, 0.5f,
-1,-1,-1, 1,0,0,0, 0.0f, 1.0f,
1,-1,-1, 1,0,0,0, 1.0f, 1.0f,
0,-1, 0, 1,1,1,0, 0.5f, 0.5f,
1,-1,-1, 1,0,0,0, 1.0f, 1.0f,
1,-1, 1, 1,0,0,0, 1.0f, 0.0f
};
ByteBuffer vbb = ByteBuffer.allocateDirect(vertices.length * 4);
vbb.order(ByteOrder.nativeOrder());
mVertexBuffer = vbb.asFloatBuffer();
mVertexBuffer.put(vertices);
mVertexBuffer.position(0);
int vertexShader = loaderShader(GLES20.GL_VERTEX_SHADER, vertexShaderCode);
int fragmentShader = loaderShader(GLES20.GL_FRAGMENT_SHADER, fragmentShaderCode);
mProgram = GLES20.glCreateProgram();
GLES20.glAttachShader(mProgram, vertexShader);
GLES20.glAttachShader(mProgram, fragmentShader);
GLES20.glLinkProgram(mProgram);
mPositionHandle = GLES20.glGetAttribLocation(mProgram, "aPosition");
mColorHandle = GLES20.glGetAttribLocation(mProgram, "aColor");
mTextureCoordHandle = GLES20.glGetAttribLocation(mProgram, "aTextureCoord");
muMVPMatrixHandle = GLES20.glGetUniformLocation(mProgram, "uMVPMatrix");
muMMatrixHandle = GLES20.glGetUniformLocation(mProgram, "uMMatrix");
muLightLocationHandle = GLES20.glGetUniformLocation(mProgram, "uLightLocation");
muTextureHandle = GLES20.glGetUniformLocation(mProgram, "uTexture");
initTexture();
}
// 初始化紋理
public void initTexture() {
int [] textures = new int[1];
GLES20.glGenTextures(1, textures, 0);
textureId = textures[0];
// 激活紋理單元,默認激活的就是0號紋理單元
//GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
// 將紋理對象ID綁定到當前活動的紋理單元0上的GL_TEXTURE_2D目標
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureId);
// 后面對紋理的設(shè)置都是對綁定了的紋理所生效的
//縮小采樣使用最近點采樣
GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER,GLES20.GL_NEAREST);
//縮小采樣使用最近點采樣
GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D,GLES20.GL_TEXTURE_MAG_FILTER,GLES20.GL_LINEAR);
//紋理包裹拉伸方式在st軸采用截取拉伸方式，這些設(shè)置指的是對坐標范圍超過1的部分的限制
GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S,GLES20.GL_CLAMP_TO_EDGE);
GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T,GLES20.GL_CLAMP_TO_EDGE);
Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.texture);
GLUtils.texImage2D(GLES20.GL_TEXTURE_2D, 0, bitmap, 0);
// 圖片已經(jīng)加載到了顯存，可以回收
bitmap.recycle();
}
public void draw() {
GLES20.glDrawArrays(GLES20.GL_TRIANGLES, 0, 12*6);
}
public void setValue(float[] mvpMatrix, float[] mMatrix) {
GLES20.glUseProgram(mProgram);
mVertexBuffer.position(0);
GLES20.glVertexAttribPointer(mPositionHandle, 3, GLES20.GL_FLOAT, false, (4+3+2) * 4, mVertexBuffer);
mVertexBuffer.position(3);
GLES20.glVertexAttribPointer(mColorHandle, 4, GLES20.GL_FLOAT, false, (4+3+2) * 4, mVertexBuffer);
mVertexBuffer.position(7);
GLES20.glVertexAttribPointer(mTextureCoordHandle, 2, GLES20.GL_FLOAT, false, (4+3+2) * 4, mVertexBuffer);
GLES20.glEnableVertexAttribArray(mPositionHandle);
GLES20.glEnableVertexAttribArray(mColorHandle);
GLES20.glEnableVertexAttribArray(mTextureCoordHandle);
GLES20.glUniform3f(muLightLocationHandle, 0, 0, 20);
GLES20.glUniformMatrix4fv(muMVPMatrixHandle, 1, false, mvpMatrix, 0);
GLES20.glUniformMatrix4fv(muMMatrixHandle, 1, false, mMatrix, 0);
// 將使用的紋理單元0傳遞給片元著色器
GLES20.glUniform1i(muTextureHandle, 0);
}
private int loaderShader(int type, String shaderCode) {
int shader = GLES20.glCreateShader(type);
GLES20.glShaderSource(shader, shaderCode);
GLES20.glCompileShader(shader);
return shader;
}
private String vertexShaderCode = "uniform mat4 uMVPMatrix;"
+ "attribute vec2 aTextureCoord;"
+ "varying vec2 vTextureCoord;"
+ "uniform mat4 uMMatrix;"
+ "uniform vec3 uLightLocation;"
+ "attribute vec4 aColor;"
+ "varying vec4 vColor;"
+ "varying vec4 vDiffuse;"
+ "attribute vec3 aPosition;"
+ "void main(){"
+ "vec3 normalVectorOrigin = aPosition;"
+ "vec3 normalVector = normalize((uMMatrix*vec4(normalVectorOrigin,1)).xyz);"
+ "vec3 vectorLight = normalize(uLightLocation - (uMMatrix * vec4(aPosition,1)).xyz);"
+ "float factor = max(0.0, dot(normalVector, vectorLight));"
+ "vDiffuse = factor*vec4(1,1,1,1.0);"
+ "gl_Position = uMVPMatrix * vec4(aPosition,1);"
+ "vColor = aColor;"
+ "vTextureCoord = aTextureCoord;" // 將紋理坐標傳到片元著色器，得到更多的插值紋理坐標
+ "}";
private String fragmentShaderCode = "precision mediump float;"
+ "uniform sampler2D uTexture;" // 這個uniform變量表示了紋理數(shù)據(jù)，從java中傳過來的是所在的紋理單元編號
+ "varying vec2 vTextureCoord;"
+ "varying vec4 vColor;"
+ "varying vec4 vDiffuse;"
+ "void main(){"
+ "gl_FragColor = (vColor*vDiffuse + vColor*vec4(0.6,0.6,0.6,1))*texture2D(uTexture, vTextureCoord);" // 在紋理的基礎(chǔ)上還考慮到光照，texture2D函數(shù)用于紋理采樣
+ "}";
}
需要注意的還是傳入的頂點的時候數(shù)組里面包含了頂點、顏色和紋理坐標，因此要用ByteBuffer的position方法定位。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了Android自定義圖片選擇器簡單版，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
Android 實現(xiàn)WebView點擊圖片查看大圖列表及圖片保存功能
這篇文章主要介紹了Android 實現(xiàn)WebView點擊圖片查看大圖列表及圖片保存功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
完美解決關(guān)于禁止ViewPager預加載的相關(guān)問題
本篇文章主要介紹了完美解決關(guān)于禁止ViewPager預加載的相關(guān)問題，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了Android學習教程之滑動布局使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
Android HTTP網(wǎng)絡(luò)請求的異步實現(xiàn)
這篇文章主要介紹了Android HTTP網(wǎng)絡(luò)請求的異步實現(xiàn)，感興趣的小伙伴們可以參考一下2016-07-07
Android開發(fā)之判斷有無虛擬按鍵(導航欄)的實例
下面小編就為大家分享一篇Android開發(fā)之判斷有無虛擬按鍵(導航欄)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
Android數(shù)據(jù)持久化之File機制分析
這篇文章主要介紹了Android數(shù)據(jù)持久化之File機制,較為詳細的分析了File機制的原理及Android使用File實現(xiàn)數(shù)據(jù)持久化的相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
強制去除Unity自動添加的Android隱私權(quán)限
大家好，本篇文章主要講的是強制去除Unity自動添加的Android隱私權(quán)限，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12
這篇文章主要介紹了Android桌面組件App Widget完整案例,較為詳細的分析了Android桌面組件App Widget的功能、定義及實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
Android實現(xiàn)ListView數(shù)據(jù)動態(tài)加載的方法
這篇文章主要介紹了Android實現(xiàn)ListView數(shù)據(jù)動態(tài)加載的方法,通過ListView控件綁定setOnScrollListener方法簡單實現(xiàn)動態(tài)加載數(shù)據(jù)的功能,需要的朋友可以參考下2016-01-01