在OpenGL ES 2.0中绘制纹理

Question

我在Android的opengl es 2中绘制纹理时遇到了大约3天的问题，并最终决定在我的所有研究工作都陷入僵局之后，我应该提供帮助。 问题是纹理绘制为黑色矩形，而不是实际图像。

public class Sprite 
{
    private static final Shader spriteShader = ShaderManager.getInstance().getShader(1);
    private static final short[] drawOrder = { 0, 1, 2, 0, 2, 3 };
    private static ShortBuffer drawListBuffer;

    static 
    {
        ByteBuffer bb = ByteBuffer.allocateDirect(drawOrder.length * 2);
        bb.order(ByteOrder.nativeOrder());

        drawListBuffer = bb.asShortBuffer();
        drawListBuffer.put(drawOrder);
        drawListBuffer.position(0);     
    }

    private Context m_context;
    private int m_textureId = 0;
    private FloatBuffer m_vertexBuffer;
    private float[] m_coords = 
        {
            -0.5f,  0.5f, 0.0f, // Position 0
             0.0f,  0.0f, // TexCoord 0
            -0.5f, -0.5f, 0.0f, // Position 1
             0.0f,  1.0f, // TexCoord 1
             0.5f, -0.5f, 0.0f, // Position 2
             1.0f,  1.0f, // TexCoord 2
             0.5f,  0.5f, 0.0f, // Position 3
             1.0f,  0.0f // TexCoord 3
        };


    public Sprite(Context context)
    {
        m_context = context;

        ByteBuffer bb = ByteBuffer.allocateDirect(m_coords.length * 4);
        bb.order(ByteOrder.nativeOrder());

        m_vertexBuffer = bb.asFloatBuffer();
        m_vertexBuffer.put(m_coords);
        m_vertexBuffer.position(0);
    }

    public void initialize(String file)
    {
        InputStream inputStream = null;

        try 
        {
            inputStream = m_context.getAssets().open(file);
            m_textureId = loadTexture(inputStream);
        } 
        catch (IOException e) 
        {}
        finally
        {
            Util.closeStream(inputStream);
        }
    }

    public void draw()
    {
        spriteShader.use();

        int position = spriteShader.getAttribLocation("vPosition");
        int textureCoords = spriteShader.getAttribLocation("aTexCoords");
        int texture = spriteShader.getUniformLocation("uTexture");

        m_vertexBuffer.position(0);
        GLES20.glVertexAttribPointer(position, 3, GLES20.GL_FLOAT, false, 20, m_vertexBuffer);
        Util.checkGlError("vertex pointer poistion");
        m_vertexBuffer.position(3);
        GLES20.glVertexAttribPointer(textureCoords, 2, GLES20.GL_FLOAT, false, 20, m_vertexBuffer);
        Util.checkGlError("vertex pointer textureCoords");
        GLES20.glEnableVertexAttribArray(position);
        GLES20.glEnableVertexAttribArray(textureCoords);

        GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
        Util.checkGlError("active trexture");
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, m_textureId);
        Util.checkGlError("bind texture");

        GLES20.glUniform1i(texture, 0);
        Util.checkGlError("uniform1i");
        GLES20.glDrawElements(GLES20.GL_TRIANGLES, drawOrder.length, GLES20.GL_UNSIGNED_SHORT, drawListBuffer);
        Util.checkGlError("drawelements");

    }

    private int loadTexture(InputStream inputStream)
    {
        int[] texture = new int[1];
        GLES20.glGenTextures(1, texture, 0);

        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, texture[0]); 

        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_NEAREST);
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_NEAREST);
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_CLAMP_TO_EDGE);
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_CLAMP_TO_EDGE);

        Bitmap bitmap = BitmapFactory.decodeStream(inputStream);
        GLUtils.texImage2D(GLES20.GL_TEXTURE_2D, 0, bitmap, 0);
        bitmap.recycle();

        return texture[0];
    }
}

顶点着色器

attribute vec2 aTexCoords;
attribute vec4 vPosition;

varying vec2 vTexCoords;

void main()
{
vTexCoords = aTexCoords;
gl_Position = vPosition;
}

片段着色器

precision mediump float;

uniform sampler2D uTexture;
varying vec2 vTexCoords;

void main()
{
gl_FragColor = texture2D(uTexture, vTexCoords);
}

Answer 1

您可以尝试将单独的数组用于您的vertexcoords和texcoords。

private float[] texCoords = {0,0,
                             0,1,
                             1,1,
                             1,0};

并为纹理坐标创建一个单独的浮动缓冲区。 同样，您可以在glVertexAtrribPointer调用中使用跨度值为0，这意味着该数组被认为是紧密打包的。

Answer 2

您的问题在这一行：

GLES20.glVertexAttribPointer(textureCoords, 2, GLES20.GL_FLOAT, false, 20, m_vertexBuffer);

基本上，您可以将纹理坐标设置为与顶点坐标相同。 代替m_vertexBuffer您需要将其设置为m_vertexBuffer+3因为这是第一个纹理坐标的地址。

尽管我必须说，如果这是唯一的错误，您应该至少看到纹理的一部分。 为了进行测试，将纹理参数设置为不钳制边缘，而是重复进行。 如果重复给您一些奇怪的结果，则很可能只有纹理坐标存在问题。 如果不是，则纹理本身可能存在问题。

Answer 3

原来我忽略的一个异常被抛出在initialize（String）中，进而阻止甚至调用loadTexture（InputStream）。 我所做的只是将图像重新粘贴到了我的资产文件夹中，并且停止了投掷。 Android或eclipse出于某种原因而变得很奇怪