OpenGL ES 入门：用小猫咪图片学习图像加载与显示

Android

2023-02-14 11:02:42

在移动设备图像功能不断提升的今天，掌握在移动设备上加载和显示图像的技术至关重要。本文将深入探讨如何使用 OpenGL ES，一个跨平台图形 API，来完成此任务。

为何选择 OpenGL ES？

跨平台

OpenGL ES 可以运行在 Android、iOS、Windows 和 Linux 等多种平台上。

高性能

它是一个高性能的 API，可以渲染流畅的动画和复杂的图形。

易于使用

OpenGL ES 提供了一套简单的 API，方便开发人员轻松上手。

加载图像

首先，我们需要将图像加载到内存中。我们可以使用 Android 的 BitmapFactory 类，它提供了一个 decodeResource() 方法来加载资源文件中的图像：

BitmapFactory.decodeResource(getResources(), R.drawable.image);

创建纹理对象

加载图像后，我们需要创建一个纹理对象来存储图像数据。使用 glGenTextures() 方法创建纹理对象：

int[] textures = new int[1];
glGenTextures(1, textures, 0);

绑定图像数据

接下来，将图像数据绑定到纹理对象上。使用 glBindTexture() 方法绑定纹理并使用 glTexImage2D() 方法将图像数据加载到纹理中：

glBindTexture(GL_TEXTURE_2D, textures[0]);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, bitmap.getPixels());

绘制纹理

最后，使用 glDrawArrays() 方法在屏幕上绘制纹理：

glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

示例代码

以下示例代码展示了如何使用 OpenGL ES 加载和显示一张图像：

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.opengl.GLSurfaceView;
import android.opengl.GLU;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

public class ImageRenderer implements GLSurfaceView.Renderer {

    private Context context;
    private Bitmap bitmap;
    private int[] textures = new int[1];

    public ImageRenderer(Context context) {
        this.context = context;
        bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.image);
    }

    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        // 创建纹理对象
        glGenTextures(1, textures, 0);

        // 绑定纹理对象并加载图像数据
        glBindTexture(GL_TEXTURE_2D, textures[0]);
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, bitmap.getWidth(), bitmap.getHeight(), 0, GL_RGBA, GL_UNSIGNED_BYTE, bitmap.getPixels());

        // 设置纹理参数
        gl.glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
        gl.glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

        // 启用纹理
        gl.glEnable(GL_TEXTURE_2D);
    }

    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        // 设置视口大小
        gl.glViewport(0, 0, width, height);
    }

    @Override
    public void onDrawFrame(GL10 gl) {
        // 清除颜色缓冲区和深度缓冲区
        gl.glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

        // 绑定纹理对象
        glBindTexture(GL_TEXTURE_2D, textures[0]);

        // 绘制纹理
        gl.glBegin(GL_TRIANGLE_STRIP);
        gl.glTexCoord2f(0.0f, 0.0f);
        gl.glVertex3f(-1.0f, -1.0f, 0.0f);
        gl.glTexCoord2f(1.0f, 0.0f);
        gl.glVertex3f(1.0f, -1.0f, 0.0f);
        gl.glTexCoord2f(0.0f, 1.0f);
        gl.glVertex3f(-1.0f, 1.0f, 0.0f);
        gl.glTexCoord2f(1.0f, 1.0f);
        gl.glVertex3f(1.0f, 1.0f, 0.0f);
        gl.glEnd();
    }
}