【问题标题】:draw texture in OpenGL Android from 0,0 coordinates从 0,0 坐标在 OpenGL Android 中绘制纹理
【发布时间】:2012-02-08 06:41:34
【问题描述】:

我是 opengGL 的新手,如果问题太天真,请原谅。我正在通过一些教程寻求帮​​助来学习这一点。我写了一个小程序,我在 GLSurfaceView 上绘制纹理。

我想从 0,0 坐标开始按顺序绘制多个纹理(位图图像​​)。我还需要屏幕上的图像有一些间隙。请帮忙。我是否需要更改顶点缓冲区的定位。请提出建议。

这是我的渲染器代码。

public class GlRenderer implements Renderer{

    private Square  square; // square1
    private Context context;

    /** Constructor to set the handed over context */
    public GlRenderer(Context context) {
        this.context = context;

        // initialise the square
        this.square = new Square();
    }

    public void onDrawFrame(GL10 gl) {
        // clear Screen and Depth Buffer
        gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);

        // Reset the Modelview Matrix
        gl.glLoadIdentity();

        // Drawing
        gl.glTranslatef(0.0f, 0.0f, -5.0f);     // move 5 units INTO the screen
        square.draw(gl);                        // Draw the triangle
        //gl.glTranslatef(0.0f, 0.0f, 0.0f);        // move 5 units INTO the screen
        //square2.draw(gl);                     // Draw the triangle
    }

    public void onSurfaceChanged(GL10 gl, int width, int height) {
        if(height == 0) {                       //Prevent A Divide By Zero By
            height = 1;                         //Making Height Equal One
        }

        gl.glViewport(0, 0, width, height);     //Reset The Current Viewport
        gl.glMatrixMode(GL10.GL_TEXTURE);   //Select The Projection Matrix
        gl.glLoadIdentity();                    //Reset The Projection Matrix

        //Calculate The Aspect Ratio Of The Window
        GLU.gluPerspective(gl, 45.0f, (float)width / (float)height, 0.1f, 100.0f);

        gl.glMatrixMode(GL10.GL_MODELVIEW);     //Select The Modelview Matrix
        gl.glLoadIdentity();                    //Reset The Modelview Matrix
    }

    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        // Load the texture for the square
        square.loadGLTexture(gl, this.context);

        gl.glEnable(GL10.GL_TEXTURE_2D);            //Enable Texture Mapping ( NEW )
        gl.glShadeModel(GL10.GL_SMOOTH);            //Enable Smooth Shading
        gl.glClearColor(0.0f, 0.0f, 0.0f, 0.0f);    //Black Background
        gl.glClearDepthf(1.0f);                     //Depth Buffer Setup
        gl.glEnable(GL10.GL_DEPTH_TEST);            //Enables Depth Testing
        gl.glDepthFunc(GL10.GL_LEQUAL);             //The Type Of Depth Testing To Do

        //Really Nice Perspective Calculations
        gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST); 

    }
}

这是方码

public class Square {
    private FloatBuffer vertexBuffer;   // buffer holding the vertices
    private float vertices[] = {
            -1.0f, -.25f,  0.0f,    // V1 - bottom left
            -1.0f, .25f,  0.0f,     // V2 - top left
            1.0f, -.25f,  0.0f,     // V3 - bottom right
            1.0f, .25f,  0.0f       // V4 - top right
    };

    private FloatBuffer textureBuffer;  // buffer holding the texture coordinates
    private float texture[] = {         
            // Mapping coordinates for the vertices
            0.0f, 1.0f,     // top left     (V2)
            0.0f, 0.0f,     // bottom left  (V1)
            1.0f, 1.0f,     // top right    (V4)
            1.0f, 0.0f      // bottom right (V3)
    };

    /** The texture pointer */
    private int[] textures = new int[1];

    public Square() {
        // a float has 4 bytes so we allocate for each coordinate 4 bytes
        ByteBuffer byteBuffer = ByteBuffer.allocateDirect(vertices.length * 4);
        byteBuffer.order(ByteOrder.nativeOrder());

        // allocates the memory from the byte buffer
        vertexBuffer = byteBuffer.asFloatBuffer();

        // fill the vertexBuffer with the vertices
        vertexBuffer.put(vertices);

        // set the cursor position to the beginning of the buffer
        vertexBuffer.position(0);

        byteBuffer = ByteBuffer.allocateDirect(texture.length * 4);
        byteBuffer.order(ByteOrder.nativeOrder());
        textureBuffer = byteBuffer.asFloatBuffer();
        textureBuffer.put(texture);
        textureBuffer.position(0);
    }

    /**
     * Load the texture for the square
     * @param gl
     * @param context
     */
    public void loadGLTexture(GL10 gl, Context context) {
        // loading texture
        Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
                R.drawable.progressbar_bg);

        // generate one texture pointer
        gl.glGenTextures(1, textures, 0);
        // ...and bind it to our array
        gl.glBindTexture(GL10.GL_TEXTURE_2D, textures[0]);

        // create nearest filtered texture
        gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_NEAREST);
        gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);

        //Different possible texture parameters, e.g. GL10.GL_CLAMP_TO_EDGE
        //      gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_S, GL10.GL_REPEAT);
        //      gl.glTexParameterf(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_T, GL10.GL_REPEAT);

        // Use Android GLUtils to specify a two-dimensional texture image from our bitmap 
        GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, bitmap, 0);

        // Clean up
        bitmap.recycle();
    }


    /** The draw method for the square with the GL context */
    public void draw(GL10 gl) {
        // bind the previously generated texture
        gl.glBindTexture(GL10.GL_TEXTURE_2D, textures[0]);

        // Point to our buffers
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
        gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);

        // Set the face rotation
        gl.glFrontFace(GL10.GL_CW);

        // Point to our vertex buffer
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer);
        gl.glTexCoordPointer(2, GL10.GL_FLOAT, 0, textureBuffer);

        // Draw the vertices as triangle strip
        gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, vertices.length / 3);

        //Disable the client state before leaving
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
        gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
    }
}

我无法在视图上看到纹理的实际大小。我在玩 gl.glTranslatef(0.0f, 0.0f, -5.0f);操纵屏幕上纹理的坐标。但仍然无法获取实际图像大小并将纹理图像定位在从 0,0 坐标开始的所需位置。

【问题讨论】:

    标签: android opengl-es coordinates textures vertices


    【解决方案1】:

    我通过正确使用 glTranslate() 解决了这个问题。现在我明白 translate 将表面的最后一个翻译值作为其当前位置。我现在已经用固定的 x 和 z 坐标进行了更改,并且每次绘制纹理后 y 都会发生变化。我做了以下事情:

            float x = -1.0f;
        float y = 1.5f;
        float z = -5.0f;
    
        // Drawing
        gl.glTranslatef(x, y, z);
        square1.draw(gl);                       // Draw the square
        gl.glTranslatef(0.0f, -0.50f, 0.0f);
        square2.draw(gl);                       // Draw the square
        gl.glTranslatef(0.0f, -0.50f, 0.0f);
        square2.draw(gl);                       // Draw the square
        gl.glTranslatef(0.0f, -0.50f, 0.0f);
        square2.draw(gl);                       // Draw the square
    

    【讨论】:

      【解决方案2】:

      我认为绘图对象和绘图位图(像素操作)之间存在混淆

      根据您的要求“我想从 0,0 坐标开始按顺序绘制一些纹理(位图图像​​)。我还需要屏幕上的图像有一些间隙。请帮忙。我需要更改顶点缓冲区的定位”。 最好绘制位图。参考api glBitmap、glDrawPixels等

      用于纹理。您应用的概念/方法是正确的。您正在 (-1,-1) 和 (1,1) 之间绘制一个矩形。纹理映射似乎是正确的。但是,您需要使用 api for
      glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT 或 CLAMP);
      glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
      (PS-请适当使用基于android的api)

      当您尝试使用 glTranslatef 时,对象也会移动(与纹理一起)。

      想象你正在画衬衫,上面有图案。图案坐标是相对于衬衫的。使用纹理 api 将图案定位在衬衫上。 而 translatef 调用会移动世界坐标系,但模式不会改变。

      【讨论】:

      • 感谢您的回复。我以这个例子为例,使用这种方法在屏幕上绘制图像。我想用屏幕的实际坐标绘制。大部分例子都讲述了如何在屏幕中心以 0,0 坐标为中心绘制图像。
      • 您能否帮助我了解如何从 0,0 位置(即屏幕顶部)开始获取绘图坐标。请通过我共享的代码提供参考,以便于理解
      • 如果您使用像素绘制功能(在其中直接绘制到屏幕缓冲区),请使用 glPixelZoom 等 api。您可以使用负值来改变方向。但是,如果您尝试使用模型转换,请使用 glRotate API。结合使用平移和旋转。
      • 参考:opengl 红皮书。
      【解决方案3】:

      如果您使用像素绘制函数(直接绘制到屏幕缓冲区),请使用 glPixelZoom 等 api。您可以使用负值来改变方向

      如果您尝试使用模型转换,请使用 glRotate API。使用平移和旋转的组合。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-26
        • 1970-01-01
        • 2014-11-25
        • 1970-01-01
        • 1970-01-01
        • 2015-04-23
        相关资源
        最近更新 更多