device-2016-07-22-112911.png
Demo 介绍
Android 的Samples上有一个例子， 里面包含了图片中的正方形和三角形的绘制， 但是不包含纹理操作。
这个Demo中加了纹理贴图， 以及纹理的变换（PS： 这里加了一个纹理模糊效果）。
Texture 代码
package com.gank.demo.opengl.glsurfaceview;
import android.content.Context;
import android.opengl.GLES20;
import android.util.Log;
import java.nio.FloatBuffer;
import java.nio.ShortBuffer;
/**
* Created by GankLi on 2016/7/18.
*/
public class Texture {
private final static int COORDS_POS_VERTEX = 3; // 顶点坐标宽度 (x,y,z)
private final static int COORDS_TEX_VERTEX = 2; // 纹理坐标宽度 (x,y)
private static final float[] Full_SquareCoords = new float[]{ //全屏显示纹理 -- 从(-1, 1)逆时针绘制
-1f, 1f, 0.0f, // Position 0 // (-1, 1) (1, 1)
-1f, -1f, 0.0f, // Position 1 // (-1,-1) (1,-1)
1f, -1f, 0.0f, // Position 2
1f, 1f, 0.0f, // Position 3
};
private static final float[] Texture_SquareCoords = new float[]{ // 纹理坐标 - 从(0, 1)逆时针绘制
0, 0f, // TexCoord 0 // (0, 1) (1, 1)
1.0f, 0f, // TexCoord 1 // (0, 0) (1, 0)
1.0f, 1, // TexCoord 2
0, 1, // TexCoord 3
};
private static final short[] DrawOrder = new short[]{0, 1, 2, 2, 3, 0}; //Opengl 只支持三角形， 所以正方形的纹理是绘制两次三角形
private static final FloatBuffer VertexBuffer = GLHelper.floatArrayToBuffer(Full_SquareCoords); // Java 层数据转换成底层数据格式
private static final FloatBuffer TextureBuffer = GLHelper.floatArrayToBuffer(Texture_SquareCoords); // Java 层数据转换成底层数据格式
private static final ShortBuffer DrawListBuffer = GLHelper.shotArrayToBuffer(DrawOrder); // Java 层数据转换成底层数据格式
private Context mContext;
private final int mProgram;
private int attrPosition;
private int attrTexCoords;
private int uniformProjection;
private int uniformTexture;
private int uniformSampler;
private int uniformAryWeight;
private int uniformAryVerticalOffset;
private int mTextureId;
private static final float SUM = 137;// (12 + 16 +12 ... 16 + 12)
private static final float Blur = 90f; //(模糊因子)
private static final float AryWeight[] = {12/ SUM,16/ SUM,12/ SUM,16/ SUM,25/ SUM,16/ SUM,12/ SUM,16/ SUM,12/ SUM}; // 网上找的一组数据
private static final float VerticalOffset[] = {-1/Blur,-1/Blur, 0,-1/Blur, 1/Blur,-1/Blur // 网上找的一组数据
-1/Blur, 0, 0, 0, 1/Blur, 0
-1/Blur, 1/Blur, 0, 1/Blur, 1/Blur, 1/Blur};
private static final FloatBuffer AryWeightBuffer = GLHelper.floatArrayToBuffer(AryWeight);
private static final FloatBuffer VerticalOffsetBuffer = GLHelper.floatArrayToBuffer(VerticalOffset);
public Texture(Context context) {
mContext = context;
GLES20.glEnable(GLES20.GL_TEXTURE_2D);
GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
mProgram = GLHelper.initProgram(GLScript.Texture.VertexShaderCode, GLScript.Texture.FragmentShaderCode);
attrPosition = GLES20.glGetAttribLocation(mProgram, "position");
attrTexCoords = GLES20.glGetAttribLocation(mProgram, "texCoords");
uniformProjection = GLES20.glGetUniformLocation(mProgram, "projection");
uniformTexture = GLES20.glGetUniformLocation(mProgram, "texture");
uniformSampler = GLES20.glGetUniformLocation(mProgram, "sampler");
uniformAryWeight = GLES20.glGetUniformLocation(mProgram, "g_aryWeight");
uniformAryVerticalOffset = GLES20.glGetUniformLocation(mProgram, "g_aryVerticalOffset");
mTextureId = GLHelper.loadTexture(mContext, "test.jpg");
}
/**
* 绘制流程
* 1： 设置 GLSL 的输出参数 -- glUniformMatrix4fv
* 2： 设置顶点和纹理的坐标 -- glVertexAttribPointer
* 3： 最后绘制 -- glDrawElements
* @param projectionMatrix
* @param textureMatrix
*/
public void draw(float[] projectionMatrix, float[] textureMatrix) {
GLES20.glUseProgram(mProgram);
GLES20.glEnableVertexAttribArray(attrPosition);
GLES20.glEnableVertexAttribArray(attrTexCoords);
// Set the sampler to texture unit 0
GLES20.glUniform1i(uniformSampler, 0);
GLES20.glUniformMatrix4fv(uniformProjection, 1, false, projectionMatrix, 0);
GLES20.glUniformMatrix4fv(uniformTexture, 1, false, textureMatrix, 0);
GLES20.glUniform1fv(uniformAryWeight,AryWeight.length, AryWeightBuffer);
GLES20.glUniform2fv(uniformAryVerticalOffset,AryWeight.length, VerticalOffsetBuffer);
GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, mTextureId);
// load the position
VertexBuffer.position(0);
GLES20.glVertexAttribPointer(attrPosition,
COORDS_POS_VERTEX, GLES20.GL_FLOAT,
false, Full_SquareCoords.length, VertexBuffer);
// load the texture coordinate
VertexBuffer.position(0);
GLES20.glVertexAttribPointer(attrTexCoords,
COORDS_TEX_VERTEX, GLES20.GL_FLOAT,
false, Texture_SquareCoords.length, TextureBuffer);
GLES20.glDrawElements(GLES20.GL_TRIANGLES, DrawOrder.length, GLES20.GL_UNSIGNED_SHORT,
DrawListBuffer);
// Disable VertexBuffer array
GLES20.glDisableVertexAttribArray(attrPosition);
GLES20.glDisableVertexAttribArray(attrTexCoords);
}
static class Matrix {
public final static float[] Projection = {1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1};
public final static float[] Projection_TEST = {0.5f, 0, 0, 0, // 0.5 -- X轴缩放0.5
0, 0.5f, 0, 0, // 0.5 -- 轴缩放0.5
0, 0, 1, 0,
0, 0, 0, 1}; // 0.5 -- 整体放大2倍
public final static float[] Texture_Normal = {-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 1};
public final static float[] Texture_90 = {0, 1, 0, 0, -1, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 1};
public final static float[] Texture_180 = {1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1};
}
}
GLSL代码
package com.gank.demo.opengl.glsurfaceview;
/**
* @author Gank
*/
public class GLScript {
public class Texture1 {
public static final String VertexShaderCode =
"attribute vec4 position;" +
"attribute vec2 texCoords;" + //纹理坐标
"varying vec2 outTexCoords;" + //顶点坐标
"void main() {" +
"gl_Position = position;" + //设置内置变量
"outTexCoords = texCoords;" + //设置纹理位置并传给 FragmentShader
"}";
public static final String FragmentShaderCode =
"precision lowp float;" +
"varying vec2 outTexCoords;" + //接收 VertexShader 的参数
"uniform sampler2D sampler;" + //纹理采样
"void main() {" +
"gl_FragColor = texture2D(sampler, outTexCoords);" + //根据位置（outTexCoords）获取纹理上的颜色， 设置像素的颜色
"}";
}
public class Texture {
public static final String VertexShaderCode =
"attribute vec4 texCoords;" + //纹理坐标
"attribute vec4 position;" + //顶点坐标
"uniform mat4 projection;" + //顶点矩阵 做旋转
"uniform mat4 texture;" + //纹理矩阵 做旋转
"varying vec2 outTexCoords;" +
"void main() {" +
"gl_Position = projection * position;" +
"outTexCoords = (texture * texCoords).st;" +
"}";
public static final String FragmentShaderCode =
"precision lowp float;" +
"const int g_iWeightNumber = 9;" +
"const float g_fGene = 0.7;" +
"uniform vec2 g_aryVerticalOffset[g_iWeightNumber];" + //采样的位置便宜
"uniform float g_aryWeight[g_iWeightNumber]; " + //每个点的权重
"uniform sampler2D sampler;" +
"varying vec2 outTexCoords;" +
"void main() {" +
"vec4 vec4Sum = vec4(0.0);" +
"for(int i = 0; i < g_iWeightNumber; ++i)" +
"{" +
"vec4Sum += texture2D(sampler, outTexCoords + g_aryVerticalOffset[i])*g_aryWeight[i]*g_fGene;" + // X轴模糊
"vec4Sum += texture2D(sampler, outTexCoords - g_aryVerticalOffset[i])*g_aryWeight[i]*g_fGene;" + // Y轴模糊
"}" +
"gl_FragColor = vec4Sum;" +
"}";
}
}
//TODO
代码整理好了传一份