Opengl ES 1.0 2D отображается только последняя нарисованная текстура

Question

Настройка: OpenGL ES 1.0, Android

Термин фоновое изображение здесь означает полноэкранную текстуру, нарисованную над двумя треугольниками, которые образуют полноэкранный прямоугольник.

Если я рисую полную сцену, включая фоновое изображение, я получаю черный фоновый цвет вместо чистого цветного фона и не вижу свою текстуру для отображаемого фона

gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);
drawBackground();
drawParticles(scene.getNumDots());

Визуализация прикрепленного изображения:

Однако, если я нарисую только фоновое изображение, я вижу его.

gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);
drawBackground();
// drawParticles(scene.getNumDots()); commented out

Визуализация прикрепленного изображения:

Реализации:

// how it was setup
public void setupGl(@NonNull final GL10 gl) {
    gl.glMatrixMode(GL10.GL_PROJECTION);
    gl.glLoadIdentity();

    gl.glEnable(GL10.GL_BLEND);
    gl.glBlendFunc(GL10.GL_SRC_ALPHA, GL10.GL_ONE_MINUS_SRC_ALPHA);

    gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
}

// This was called
public void setDimensions(@NonNull final GL10 gl, final int width, final int height) {

    gl.glViewport(0, 0, width, height);
    gl.glOrthof(0, width, 0, height, 1, -1);
}

// textures were loaded like this
private void loadTexture(
        @NonNull final GL10 gl,
        @NonNull final Bitmap texture,
        final int handleOffset) {

    gl.glGenTextures(1, textureHandle, handleOffset);
    gl.glBindTexture(GL10.GL_TEXTURE_2D, textureHandle[handleOffset]);

    gl.glTexEnvf(GL10.GL_TEXTURE_ENV, GL10.GL_TEXTURE_ENV_MODE, GL10.GL_REPLACE);

    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_CLAMP_TO_EDGE);
    gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_T, GL10.GL_CLAMP_TO_EDGE);

    GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, texture, 0);
}

private void drawBackground() {
    backgroundTextureCoordinates.position(0);
    backgroundCoordinates.position(0);

    gl.glEnable(GL10.GL_TEXTURE_2D);
    gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);

    gl.glBindTexture(GL10.GL_TEXTURE_2D, textureHandle[TEXTURE_BACKGROUND]);

    gl.glTexCoordPointer(2, GL10.GL_BYTE, 0, backgroundTextureCoordinates);
    gl.glVertexPointer(2, GL10.GL_SHORT, 0, backgroundCoordinates);
    gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 2);

    gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
    gl.glDisable(GL10.GL_TEXTURE_2D);
}

private void drawParticles(final int count) {
    gl.glEnable(GL10.GL_TEXTURE_2D);
    gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);

    particlesTexturesCoordinates.position(0);
    particlesTrianglesCoordinates.position(0);

    gl.glBindTexture(GL10.GL_TEXTURE_2D, textureHandle[TEXTURE_PARTICLE]);

    gl.glTexCoordPointer(2, GL10.GL_BYTE, 0, particlesTexturesCoordinates);
    gl.glVertexPointer(2, GL10.GL_SHORT, 0, particlesTrianglesCoordinates);
    gl.glDrawArrays(GL10.GL_TRIANGLES, 0, count * VERTICES_PER_PARTICLE);

    gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
    gl.glDisable(GL10.GL_TEXTURE_2D);
}

public void setClearColor(
        @NonNull final GL10 gl,
        @ColorInt int color) {
    gl.glClearColor(
            Color.red(color) / 255f,
            Color.green(color) / 255f,
            Color.blue(color) / 255f, 0f);
}

Answer 1

Проблема была в том, как я рисовал фон

gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 2);

Там я указал количество треугольников: 2.

В то время как я должен был указать количество вершин для двух треугольников: 6.

gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 6);