效果

實現

使用openGL ES 2.0，分別畫出三稜錐的4個面（包括底面），分別給4個面塗上紋理。

著色器

頂點著色器：

    private final String mVertexShaderWithTexture=
            "attribute vec3 aPosition;\n"
            +"uniform mat4 uMvp;\n"
            +"attribute vec2 aTextureCoord;\n"
            +"varying vec2 vTextureCoord;\n"
            +"void main(){\n"
            +"  vTextureCoord=aTextureCoord;"
            +"  vec4 vertex=vec4(aPosition[0],aPosition[1],aPosition[2],1.0);"
            +"  gl_Position = uMvp*vertex;\n"
            +"}";
 

aPosition用於存放頂點座標，uMvp為準換矩陣，aTextureCoord用於存放紋理座標； 片元著色器：

    private final String mFragmentShaderWithTexture=
            "precision mediump float;\n"
            +"uniform sampler2D uSample;\n"
            +"varying vec2 vTextureCoord;\n"
            +"void main(){\n"
            +"  gl_FragColor =texture2D(uSample,vTextureCoord);\n"
            +"}";
 

uSample為紋理採集器，vTextureCoord是頂點著色器傳過來的經過插值後的頂點座標。 由內建方法texture2D，通過紋理採集器和對應紋理座標得到紋理值給gl_FragColor賦值。

建立渲染程式

通過載入著色器原始碼，編譯著色器獲取頂點和片元著色器； 建立渲染程式，為其新增著色器，連結程式，從而得到需要使用的渲染程式。 基礎的東西，只羅列了步驟。

繪前準備

獲取著色器中對應變數的引用：

            mAPositionLoc=GLES20.glGetAttribLocation(mShader,"aPosition");
            mUMvpLoc=GLES20.glGetUniformLocation(mShader,"uMvp");
            mUSamplerLoc=GLES20.glGetUniformLocation(mShader,"uSample");
            mATextureCoordLoc=GLES20.glGetAttribLocation(mShader,"aTextureCoord");
 

準備資料：

            mVertexFB=transFloat(mVertex);
            parseVertexInd();
            mTextureCoordFB=transFloat(mTextureCoords);

其中，transFloat()將float的陣列轉換為FloatBuffer； 因為要單獨繪製出每個面，parseVertexInd()將頂點索引陣列劃分為4個索引陣列。

    private FloatBuffer transFloat(float[] floatArray){
        ByteBuffer bb = ByteBuffer.allocateDirect(floatArray.length * 4);
        bb.order(ByteOrder.nativeOrder());
        FloatBuffer fb = bb.asFloatBuffer();
        fb.put(floatArray);
        fb.position(0);
        return fb;
    }

    private void parseVertexInd(){
        m1stInd=Arrays.copyOfRange(mVertexInd,0,3);
        m1stSB=transShort(m1stInd);
        m2ndInd=Arrays.copyOfRange(mVertexInd,3,6);
        m2ndSB=transShort(m2ndInd);
        m3rdInd=Arrays.copyOfRange(mVertexInd,6,9);
        m3rdSB=transShort(m3rdInd);
        m4thInd=Arrays.copyOfRange(mVertexInd,9,12);
        m4thSB=transShort(m4thInd);
    }

開始繪製

        GLES20.glUseProgram(mShader);
        GLES20.glEnable(GLES20.GL_CULL_FACE);
        GLES20.glCullFace(GLES20.GL_BACK);
        GLES20.glFrontFace(GLES20.GL_CCW);

使用渲染程式，剔除背面，且設定逆時針方向繪製的面為正面。

設定轉換矩陣

            Matrix.setIdentityM(mRotateM,0);
            Matrix.multiplyMM(mRotateM,0,mRotateY,0,mRotateX,0);
            Matrix.multiplyMM(mRotateM,0,mRotateZ,0,mRotateM,0);
            Matrix.setIdentityM(mViewM,0);
            Matrix.setLookAtM(mViewM,0,mEyeX,mEyeY,mEyeZ,mDstX,mDstY,mDstZ,mUpX,mUpY,mUpZ);
            Matrix.setIdentityM(mProjectionM,0);
            Matrix.frustumM(mProjectionM,0,-mFrustumRatio/mDisplayRatio,mFrustumRatio/mDisplayRatio,-mFrustumRatio,
                    mFrustumRatio,mFrustumNear,mFrustumFar);
            Matrix.multiplyMM(mMvpMatrix,0,mViewM,0,mRotateM,0);
            Matrix.multiplyMM(mMvpMatrix,0,mProjectionM,0,mMvpMatrix,0);

mRotateX、mRotateY和mRotateZ是分別繞X、Y和Z軸旋轉的矩陣（呼叫了Matrix.rotateM()方法得到的結果）； Matrix.setLookAtM()設定視線； Matrix.frustumM()設定透視矩陣。 最終將三種旋轉的結果存放在mMvpMatrix中。

建立Textures

            GLES20.glGenTextures(4,mTextureId,0);
            for (int i=0;i<4;i++){
                generateTexture(i);
            }

其中generateTexure()方法為如下：

    private void generateTexture(int index){
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D,mTextureId[index]);
        GLES20.glPixelStorei(GLES20.GL_UNPACK_ALIGNMENT,1);
        GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D,GLES20.GL_TEXTURE_MIN_FILTER,GLES20.GL_NEAREST);
        GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D,GLES20.GL_TEXTURE_MAG_FILTER,GLES20.GL_LINEAR);
        GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D,GLES20.GL_TEXTURE_WRAP_S,GLES20.GL_REPEAT);
        GLES20.glTexParameterf(GLES20.GL_TEXTURE_2D,GLES20.GL_TEXTURE_WRAP_T,GLES20.GL_REPEAT);
        GLUtils.texImage2D(GLES20.GL_TEXTURE_2D,0,mTextures[index],0);
    }

要繪製4個面，且4個面有不同的紋理，則需要4個Texture。

啟用紋理單元和紋理座標

        GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
        GLES20.glUniform1i(mUSamplerLoc,0);
        GLES20.glVertexAttribPointer(mATextureCoordLoc,2,GLES20.GL_FLOAT,false,0,mTextureCoordFB);
        GLES20.glEnableVertexAttribArray(mATextureCoordLoc);

激活了預設紋理單元0，並將片元著色器的sampler2D物件繫結至該紋理單元。繫結紋理座標的引用和值，並激活它。

逐面繪製

        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D,mTextureId[0]);
        GLES20.glDrawElements(GLES20.GL_TRIANGLES,3,GLES20.GL_UNSIGNED_SHORT,m1stSB);

        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D,mTextureId[1]);
        GLES20.glDrawElements(GLES20.GL_TRIANGLES,3,GLES20.GL_UNSIGNED_SHORT,m2ndSB);

        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D,mTextureId[2]);
        GLES20.glDrawElements(GLES20.GL_TRIANGLES,3,GLES20.GL_UNSIGNED_SHORT,m3rdSB);

        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D,mTextureId[3]);
        GLES20.glDrawElements(GLES20.GL_TRIANGLES,3,GLES20.GL_UNSIGNED_SHORT,m4thSB);

繪製每個面前，首先將特定紋理繫結至紋理單元0，讓sampler2D物件能採集到正確的資料； 接著呼叫drawElements方法，drawElements方法將使用之前繫結的頂點陣列。注意，最後1個引數是索引陣列，可以看到每次繪製時索引陣列都是不同的。 這些索引陣列是在parseVertexInd()方法中得到的。

完整demo

完整的demo在如下的地址中查詢： https://github.com/lyzirving/TrianglePyramidInAndroid.git
在完整的demo中，我將上述方法封裝到了Triangle類中，可以選擇通過顏色或是紋理來塗畫三稜錐的表面。 上述程式碼和demo中的程式碼並不完善，有所缺漏還請大家多多交流！