第三課 給多邊形上色:

作為第二課的擴充套件，我將叫你如何使用顏色。你將理解兩種著色模式，在左圖中，三角形用的是光滑著色，四邊形用的是平面著色。

這次增加的程式碼不算多。

增加一個color的buffer

在OpenGLRenderer類中定義顏色陣列：

private float[] mColorArray={  
           1f,0f,0f,1f,     //紅  
           0f,1f,0f,1f,     //綠  
           0f,0f,1f,1f      //藍  
    };  
private FloatBuffer mColorBuffer;  
 

在onDrawFrame函式中加入：

gl.glTranslatef(-1.5f, 0.0f, -6.0f);  
//     gl.glColor4f(1f, 1f, 1f, 1f); 註釋掉原來的三角形的紅色  
//設定定點陣列 
gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);  
//設定顏色陣列 -- 開啟顏色渲染功能.  
gl.glEnableClientState(GL10.GL_COLOR_ARRAY);  
//使用陣列作為顏色  
gl.glColorPointer(4, GL10.GL_FLOAT, 0, mColorBuffer);  
//陣列指向一個buffer    
gl.glVertexPointer
 
(3, GL10.GL_FLOAT, 0, mTriangleBuffer);  
//繪製三角形 
gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);  

在onSurfaceCreated函式中初始化mColorBuffer：

mColorBuffer = BufferUtil.floatToBuffer(mColorArray);

這樣話出一個顏色漸變的三角形

畫四邊形加上這一句，就出來了藍色的四邊形

//

關閉顏色陣列 -- 關閉顏色渲染功能.  (原文中沒有這句，只有後面那句)
gl.glDisableClientState(GL10.GL_COLOR_ARRAY); 

gl.glColor4f(0.5f
 
, 0.5f, 1f, 1f);

好了，我今天無意中看到了一個IPHONE的opengles教程，和我的很類似，所以學學openggl是必要的，上層的什麼平臺不重要，用什麼語言不重要，底層的opengl的程式碼和API都是一樣的。
（注：本教程轉自其他網頁：
http://www.cnblogs.com/wuqianling/p/6602097.html）

我的程式碼如下：
注：所以的功能必須放在gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);之前，否則將無效

package xxq.com.opengldemo;

import android.opengl.GLSurfaceView;

import java.nio.FloatBuffer;
import java.nio.IntBuffer;

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


/**
 * 渲染器類，實現了GLSurfaceView.Renderer介面，實現這個介面，需要實現3個方法：OnSurfaceCreated(),
 * OnSurfaceChanged(),OnDrawFrame()。
 */

public class OpenGLRenderer implements GLSurfaceView.Renderer {
    private float cr, cg, cb;

    // (這是附加的)設定RGB顏色的方法
    public void setColor(float r, float g, float b) {
        cr = r;
        cg = g;
        cb = b;
    }

    /**
     * 三角形頂點
     */
    private float[] mTriangleArray = {
            0f, 1f, 0f,   // 是上頂點
            -1f, -1f, 0f, // 左下頂點
            1f, -1f, 0f   // 右下頂點
    };
    private FloatBuffer mTriangleBuffer;
    /**
     * 三角形顏色
     */
    private float[] mColorArray={
            1f,0f,0f,1f,     //紅
            0f,1f,0f,1f,     //綠
            0f,0f,1f,1f      //藍
    };
    private FloatBuffer mColorBuffer;
    /**
     * 正方形頂點
     */
    private float[] mQuadsArray = {
            1f, 1f, 0f, // 右上
            -1f, 1f, 0f, // 左上
            -1f, -1f, 0f, // 左下
            1f, -1f, 0f // 右下
    }; // 從這裡可以看出，我們按照逆時針的方向畫圖
    private FloatBuffer mQuadsBuffer;

    /**
     * 該方法是畫圖方法，類似於View類的OnDraw()，一般所有的畫圖操作都在這裡實現。
     */
    @Override
    public void onDrawFrame(GL10 gl) {
        // 清除螢幕和深度快取。
        gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);

        gl.glMatrixMode(GL10.GL_MODELVIEW);
        // 利用陣列模型來畫模型，要加此句(原文中沒有)(沒有這句畫不出大三角形)
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
        //設定顏色陣列 -- 開啟顏色渲染功能.
        gl.glEnableClientState(GL10.GL_COLOR_ARRAY);
        // 三角形的顏色為紅色，透明度為不透明
        //使用陣列作為顏色
        gl.glColorPointer(4, GL10.GL_FLOAT, 0, mColorBuffer);
        //陣列指向一個buffer
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mTriangleBuffer);
        /**
         * 三角形
         */
        // 重置當前的模型觀察矩陣。
        gl.glLoadIdentity();
        // 沿著X軸左移1.5個單位，Y軸不動(0.0f)，最後移入螢幕6.0f個單位
        gl.glTranslatef(-1.5f, 0.0f, -6.0f);
        gl.glColor4f(1.0f, 0.0f, 0.0f, 1.0f);
        // 設定頂點，第一個引數是座標的維數，這裡是3維，第二個引數，表示buffer裡面放的是float，第三個引數是0，
        // 是因為我們的座標在陣列中是緊湊的排列的，沒有使用offset，最後的引數放的是存放頂點座標的buffer
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mTriangleBuffer);
        // 畫陣列，第一個引數表示畫三角形，第二個引數是first，第三個引數是count，表示在buffer裡面的座標的開始和個數
        gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

        /**
         * 正方形
         */
        gl.glLoadIdentity();
        // 座標向右移1.5個單位
        gl.glTranslatef(1.5f, 0.0f, -6.0f);
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mQuadsBuffer);
        //關閉顏色陣列 -- 關閉顏色渲染功能.  (原文中沒有這句，只有後面那句)
        gl.glDisableClientState(GL10.GL_COLOR_ARRAY);
        gl.glColor4f(0.5f, 0.5f, 1f, 1f);
        gl.glDrawArrays(GL10.GL_TRIANGLE_FAN, 0, 4); // 畫四邊形


        gl.glClearColor(cr, cg, cb, 0.0f);

    }

    /**
     * 在Surface發生改變的時候呼叫，例如從豎屏切換到橫屏的時候
     */
    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        // 設定輸出螢幕大小
        gl.glViewport(0, 0, width, height);

        float ratio = (float) width / height;
        gl.glMatrixMode(GL10.GL_PROJECTION);
        gl.glLoadIdentity();
        gl.glFrustumf(-ratio, ratio, -1, 1, 1, 10);
    }

    /**
     * 在Surface建立的時候呼叫,一般在這裡做一個初始化openggl的操作
     */
    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        // 啟用smooth shading（陰影平滑）。陰影平滑通過多邊形精細的混合色彩，並對外部光進行平滑。
        gl.glShadeModel(GL10.GL_SMOOTH);

        // 設定清除螢幕時所用的顏色，引數對應(紅,綠,藍,Alpha值)。色彩值的範圍從0.0f到1.0f。0.0f代表最黑的情況，1.0f就是最亮的情況。
        gl.glClearColor(0f, 0f, 0f, 0f);

        // 下面三行是關於depth buffer(深度快取)的。將深度快取設想為屏幕後面的層。深度快取不斷的對物體進入螢幕內部有多深進行跟蹤。
        gl.glClearDepthf(1.0f);
        gl.glEnable(GL10.GL_DEPTH_TEST);
        gl.glDepthFunc(GL10.GL_LEQUAL);

        // 這裡告訴OpenGL我們希望進行最好的透視修正。這會十分輕微的影響效能。但使得透檢視看起來好一點。
        gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);

        mTriangleBuffer = BufferUtil.floatToBuffer(mTriangleArray);
        mQuadsBuffer = BufferUtil.floatToBuffer(mQuadsArray);
        mColorBuffer = BufferUtil.floatToBuffer(mColorArray);
    }

}