安卓OpenGL圆圈(球体)看起来像椭圆.没有投影/摄像头

Question

在此处输入图像描述

还附上了设备的屏幕截图， 你能帮我解决问题吗... 其安卓奇巧版本

public class Balloon
{
    private final String vertexShaderCode =
            // This matrix member variable provides a hook to manipulate
            // the coordinates of the objects that use this vertex shader
                    "attribute vec4 vPosition;" +
                    "void main() {" +
                    "gl_PointSize = 5.0;                  "+
                    "  gl_Position =  vPosition;" +
                    "}";
    private final String fragmentShaderCode =
            "precision mediump float;" +
                    "uniform vec4 vColor;" +
                    "void main() {" +
                    "  gl_FragColor = vColor;" +
                    "}";
    private FloatBuffer vertexBuffer;
    private final int mProgram;
    private int mPositionHandle;
    private int mColorHandle;
    private int mMVPMatrixHandle;
    private float[] data = new float[126];
    // number of coordinates per vertex in this array
    static final int COORDS_PER_VERTEX = 3;
    private final int vertexStride = COORDS_PER_VERTEX * 4; // 4 bytes per vertex
    float color[] = { 0.63671875f, 0.76953125f, 0.22265625f, 0.0f };
    /**
     * Sets up the drawing object data for use in an OpenGL ES context.
     */
    public Balloon() {
        // prepare shaders and OpenGL program
        int vertexShader = MyGLRenderer.loadShader(
                GLES20.GL_VERTEX_SHADER, vertexShaderCode);
        int fragmentShader = MyGLRenderer.loadShader(
                GLES20.GL_FRAGMENT_SHADER, fragmentShaderCode);
        mProgram = GLES20.glCreateProgram();             
        // create empty OpenGL Program
        GLES20.glAttachShader(mProgram, vertexShader);   
        // add the vertex shader to program
        GLES20.glAttachShader(mProgram, fragmentShader); 
        // add the fragment shader to program
        GLES20.glLinkProgram(mProgram);                  
       // create OpenGL program executables
    }
    private void FillBalloon(float x1,float y1,float r1)
    {
        int i=0,j=0;
        float angle = 0;
        float twicePI = (float)2.0 * (float)3.1415926;

        float angle_stepsize = 0.1f;
        // go through all angles from 0 to 2 * PI radians
        for(;angle < twicePI;angle = (angle + angle_stepsize))
        {
            // calculate x, y from a vector with known length and angle
            data[j++] = x1 + r1 * (float)Math.cos(angle);
            data[j++] = y1 + r1 * (float)Math.sin(angle);
        }
        // initialize vertex byte buffer for shape coordinates
        ByteBuffer bb = ByteBuffer.allocateDirect(
                // (number of coordinate values * 4 bytes per float)
                j * 4);
        // use the device hardware's native byte order
        bb.order(ByteOrder.nativeOrder());
        // create a floating point buffer from the ByteBuffer
        vertexBuffer = bb.asFloatBuffer();
        // add the coordinates to the FloatBuffer
        vertexBuffer.put(data);
        // set the buffer to read the first coordinate
        vertexBuffer.position(0);
    }

    /**
     * Encapsulates the OpenGL ES instructions for drawing this shape.
     *
     */
    public void draw() {
        // Add program to OpenGL environment
        GLES20.glUseProgram(mProgram);
        float posX = 0.0f,posY = 0.0f,radius =0.2f;
        FillBalloon(posX, posY, radius);
        // get handle to vertex shader's vPosition member
        mPositionHandle = 
                GLES20.glGetAttribLocation(mProgram,"vPosition");
        // Enable a handle to the triangle vertices
        GLES20.glEnableVertexAttribArray(mPositionHandle);
        // Prepare the balloon coordinate data
        GLES20.glVertexAttribPointer(mPositionHandle, 2, GLES20.GL_FLOAT, false, 0, vertexBuffer);
        // get handle to fragment shader's vColor member
        mColorHandle = GLES20.glGetUniformLocation(mProgram, "vColor");
        // Set color for drawing the triangle
        GLES20.glUniform4fv(mColorHandle, 1, color, 0);
        MyGLRenderer.checkGlError("mColorHandle");

        GLES20.glDrawArrays(GLES20.GL_TRIANGLE_FAN, 0, 63);
        // Disable vertex array
        GLES20.glDisableVertexAttribArray(mPositionHandle);
    }
}

还附上了设备的屏幕截图，你能帮我解决问题吗...其安卓奇巧版本

Answer 1

这是预期的行为。openGL 的默认坐标系在每个轴上都是 [-1， 1]。这意味着最左边的点将有x=-1、最右边的x=1、最上面的y=1和最下面的y=-1。现在，根据您的屏幕比例，结果将具有相同的拉伸比例。

由

您来处理场景以随心所欲地绘制形状。一种方法是在生成顶点数据时缩放顶点数据，但我强烈建议您不要这样做，因为模型顶点数据应该是它们应该的样子。另一种方法是简单地创建一个方形曲面视图，然后限制您的绘图曲面，因此它不再是最佳方法。另一种方法是使用视口并设置一个矩形，您可以在其中绘制形状，这可能是可以的，但您需要记住将其设置回全宽和全高。然后是矩阵...

使用矩阵定义坐标系。对于2D，最好的方法通常是使用Ortho它使用边框参数(左，上，下，右(，然后可以将其设置为您想要的任何参数。例如，你可以使用视图坐标(left = 0、right = viewWidth、top = 0、bottom = viewHeight(，或者你可以围绕零对系统进行归一化，并选择哪个边框的值应该为1.0： 对于水平归一化，你将有(left = -1，right = 1，top = viewHeight/viewWidth，bottom = -viewHeight/viewWidth(，对于垂直(left = -viewWidth/viewHeight，right = viewWidth/viewHeight，top = 1.0， bottom = -1.0 (。

Answer 2

要使气球看起来像圆圈，请添加一个浮点数(我们称之为X_SCALE(作为要绘制的参数：

public void draw(float X_SCALE) {
   ...
   FillBaloon(posX, posY, radius, X_SCALE);
   ...
}

然后将绘制时间 x 坐标乘以 FillBaloon(...( 中的该比例因子：

data[j++] = x1 + X_SCALE * r1 * (float)Math.cos(angle);

并在渲染器绘制 (X_SCALE( 调用中设置比例因子：

X_SCALE = (float)MyGLSurfaceView.getHeight()/(float)MyGLSurfaceView.getWidth();
myBaloon.draw(X_SCALE);

更好的方法是在 onSurfaceCreated (...( 中设置一次X_SCALE，每次在 onSurfaceChanged (...( 中调整表面大小时。

最后一件事：您可以通过在显式初始化中使用"f"后缀来避免将双精度转换为浮点数：

float twicePI = 6.28318530717959f;