?

博客地址 :?http://blog.csdn.net/shulianghan/article/details/46680803

源碼下載 :?http://download.csdn.net/detail/han1202012/8903437

?

?

正交投影效果 :?

?

透視投影效果 :?

?

?

?

?

一. 投影簡介

?

?

?

?

?

1. 攝像機(jī)位置

?

?

?

?

攝像機(jī)參數(shù) :?

-- 攝像機(jī)位置 : 攝像機(jī)的 三維坐標(biāo)位置 x, y, z 坐標(biāo);

-- 觀察方向 : 攝像機(jī)鏡頭的朝向, 是一個(gè)三維向量, 指向一個(gè)三維坐標(biāo)方向;

-- up 方向 : 有了位置 和 朝向, 此時(shí)攝像機(jī)可以 360 度旋轉(zhuǎn), 這是我們需要一個(gè) up 方向, 將攝像機(jī)固定在一個(gè)位置一個(gè)方向;

?

設(shè)置攝像機(jī)的方法 :?

?

void android.opengl.Matrix.setLookAtM(float[] rm, int rmOffset, float eyeX, float eyeY, float eyeZ, float centerX, float centerY, float centerZ, float upX, float upY, float upZ)

--?float[] rm 參數(shù) : 生成矩陣元素的 float[] 數(shù)組;

?

--?int rmOffset 參數(shù) : 矩陣元素?cái)?shù)組的起始偏移量;

--?float eyeX, float eyeY, float eyeZ 參數(shù) : 攝像機(jī)位置的 x, y, z 三維坐標(biāo);

--?float centerX, float centerY, float centerZ 參數(shù) : 攝像機(jī)鏡頭朝向的點(diǎn), 該點(diǎn)與攝像機(jī)位置連線的方向就是攝像機(jī)方向;

--?float upX, float upY, float upZ 參數(shù) : 攝像機(jī) up 方向, 該點(diǎn)與攝像機(jī)連線的方向, 就是攝像機(jī)的 up 方向;
?

?

?

2. 正交投影簡介

?

?

?

?

投影簡介 :?

-- 視景體 : 管線會(huì)確定的一個(gè)可視空間區(qū)域, 由 上平面(up), 下平面(down), 左平面(left), 右平面(right), 遠(yuǎn)平面(far), 近平面(near) 六個(gè)平面組成;

-- 視景體與投影 : 視景體內(nèi)的物體會(huì)投影到近平面, 視景體之外的內(nèi)容會(huì)被裁減掉, 例如眼睛看不到的范圍就是處于視景體外即被裁減掉的;

?

正交投影 : 正交投影屬于平行投影, 投影線平行, 視景體是長方形的, 投影的內(nèi)容不會(huì)出現(xiàn)近大遠(yuǎn)小的效果;

-- 投影線 : 物體頂點(diǎn) 與 近平面的對(duì)應(yīng)的物體頂點(diǎn) 投影的連線;

?

正交投影方法 : Matrix.orthoM() 方法設(shè)置正交投影;

?

void android.opengl.Matrix.orthoM(float[] m, int mOffset, float left, float right, float bottom, float top, float near, float far)

--?float[] m 參數(shù) : 生成矩陣元素的 float[] 數(shù)組;

?

--?int mOffset 參數(shù) : 矩陣數(shù)組的起始偏移量;

--?float left, float right, float bottom, float top 參數(shù) : 近平面的 左, 右, 下, 上 的值;

--?float near 參數(shù) : 近平面 與 視點(diǎn)之間的距離;

-- float far 參數(shù) : 遠(yuǎn)平面 與 視點(diǎn)之間的距離;

?

視口 : 視景體中的物體投影到近平面后, 最終會(huì)映射到顯示屏的視口中, 視口就相當(dāng)于眼睛 或者 手機(jī)屏幕的一部分;

-- 說明 : 視口并不是占手機(jī)全部屏幕, 是顯示投影的部分, 也可以是一個(gè) View 組件;

?

視口設(shè)置方法 :?

?

void android.opengl.GLES20.glViewport(int x, int y, int width, int height)

--?int x, int y 參數(shù) : x, y 是視口在手機(jī)屏幕左上角的坐標(biāo);

?

--?int width, int height 參數(shù) : 視口的寬度 與 高度;


?

?

3. 透視投影簡介

?

?

?

透視投影 : 與現(xiàn)實(shí)世界觀察物體一樣, 有 近大遠(yuǎn)小 的效果, 這種投影更加真實(shí);

-- 投影線介紹 : 透視投影的投影線不平行, 相交于視點(diǎn);

-- 視景體 : 透視投影中視景體是錐臺(tái)形區(qū)域;

-- 用處 : 所有的 3D 游戲都采用了透視投影的效果, 我們控制物體向前行走, 遠(yuǎn)處的物體不斷變大就是這種效果;

?

?

?

?

?

?

二. 正交透視投影源碼詳解

?

?

?

?

?

?

1. 源碼結(jié)構(gòu)詳解

?

?

?

源碼組成 :?

--?MatrixState : 矩陣相關(guān)的輔助類;

--?OrthogonalProjectionActivity : 顯示具體 OpenGL 圖像的 Activity;

--?ProjectionGLSurfaceView : 自定義的 GLSurfaceView, 該 View 可以顯示 OpenGL 圖像內(nèi)容;

--?ShaderUtil : 著色器工具類;

--?SixPointedStar : 具體的圖形類, 如何生成該圖形;

?

?

?

?

2. MatrixState 詳解

?

?

?

?

?

(1) 設(shè)置攝像機(jī)參數(shù)

?

?

?

設(shè)置攝像機(jī)參數(shù) :?

-- 相關(guān)內(nèi)容 :

?

/*** 設(shè)置攝像機(jī)的參數(shù)* * @param cx* 攝像機(jī)位置的 x 坐標(biāo)* @param cy* 攝像機(jī)位置的 y 坐標(biāo)* @param cz* 攝像機(jī)位置的 z 坐標(biāo)* @param tx* 攝像機(jī)朝向 x 坐標(biāo)* @param ty* 攝像機(jī)朝向 y 坐標(biāo)* @param tz* 攝像機(jī)朝向 z 坐標(biāo)* @param upx* 攝像機(jī)上方朝向 x 坐標(biāo)* @param upy* 攝像機(jī)上方朝向 y 坐標(biāo)* @param upz* 攝像機(jī)上方朝向 z 坐標(biāo)*/public static void setCamera(float cx, float cy, float cz, float tx,float ty, float tz, float upx, float upy, float upz) {Matrix.setLookAtM(mVMatrix, 0, cx, cy, cz, tx, ty, tz, upx, upy, upz);}

?

-- 方法作用 : 設(shè)置了攝像機(jī)的相關(guān)參數(shù);

?

?

(2) 設(shè)置正交投影參數(shù)

?

?

?

代碼解析 :?

-- 作用 : 設(shè)置正交投影的近平面相關(guān)信息, 近平面與遠(yuǎn)平面距離;

-- 代碼相關(guān)內(nèi)容 :?

?

/*** 設(shè)置正交投影的參數(shù)* * @param left* 近平面的 left* @param right* 近平面的 right* @param bottom* 近平面的 bottom* @param top* 近平面的 top* @param near* 近平面的距離* @param far* 遠(yuǎn)平面的距離*/public static void setProjectOrtho(float left, float right, float bottom,float top, float near, float far) {Matrix.orthoM(mProjMatrix, 0, left, right, bottom, top, near, far);}

?

?

?

?

?

(3) 設(shè)置透視投影參數(shù)

?

?

?

代碼詳解 :?

-- 作用 : 設(shè)置透視投影 近平面 以及近平面 遠(yuǎn)平面與視點(diǎn)間的距離;

-- 代碼內(nèi)容 :?

?

/*** 設(shè)置正交投影的參數(shù)* * @param left* 近平面的 left* @param right* 近平面的 right* @param bottom* 近平面的 bottom* @param top* 近平面的 top* @param near* 近平面的距離* @param far* 遠(yuǎn)平面的距離*/public static void setProjectOrtho(float left, float right, float bottom,float top, float near, float far) {Matrix.orthoM(mProjMatrix, 0, left, right, bottom, top, near, far);}

?

?

?

?

?

?

(4) 獲取物體的總變換矩陣

?

?

?

代碼詳解 :?

-- 作用 : 將攝像機(jī)矩陣, 投影矩陣, 著色矩陣相乘, 就是最終矩陣;

-- 代碼內(nèi)容 :?

?

/*** 獲取物體的總變換矩陣* * @param spec* @return*/public static float[] getFinalMatrix(float[] spec) {mMVPMatrix = new float[16];/** 矩陣乘法計(jì)算, 將兩個(gè)矩陣相乘, 并存入到第三個(gè)矩陣中* 六個(gè)參數(shù) : * ①② 參數(shù) : 結(jié)果矩陣, 結(jié)果矩陣起始位移* ③④ 參數(shù) : 左矩陣, 結(jié)果矩陣起始位移* ⑤⑥ 參數(shù) : 右矩陣, 結(jié)果矩陣起始位移*/Matrix.multiplyMM(mMVPMatrix, 0, mVMatrix, 0, spec, 0);Matrix.multiplyMM(mMVPMatrix, 0, mProjMatrix, 0, mMVPMatrix, 0);return mMVPMatrix;}

?

?

?

?

?

?

(5)?MatrixState 源碼

?

?

?

源碼內(nèi)容 :?

?

package cn.org.octopus.opengl.projection;import android.opengl.Matrix;/*** 存儲(chǔ)矩陣狀態(tài)的類* * @author octopus**/ public class MatrixState {private static float[] mProjMatrix = new float[16]; // 4x4矩陣 投影用private static float[] mVMatrix = new float[16]; // 攝像機(jī)位置朝向9參數(shù)矩陣private static float[] mMVPMatrix; // 最后起作用的總變換矩陣/*** 設(shè)置攝像機(jī)的參數(shù)* * @param cx* 攝像機(jī)位置的 x 坐標(biāo)* @param cy* 攝像機(jī)位置的 y 坐標(biāo)* @param cz* 攝像機(jī)位置的 z 坐標(biāo)* @param tx* 攝像機(jī)朝向 x 坐標(biāo)* @param ty* 攝像機(jī)朝向 y 坐標(biāo)* @param tz* 攝像機(jī)朝向 z 坐標(biāo)* @param upx* 攝像機(jī)上方朝向 x 坐標(biāo)* @param upy* 攝像機(jī)上方朝向 y 坐標(biāo)* @param upz* 攝像機(jī)上方朝向 z 坐標(biāo)*/public static void setCamera(float cx, float cy, float cz, float tx,float ty, float tz, float upx, float upy, float upz) {Matrix.setLookAtM(mVMatrix, 0, cx, cy, cz, tx, ty, tz, upx, upy, upz);}/*** 設(shè)置透視投影參數(shù)* * @param left* 近平面的 left* @param right* 近平面的 right* @param bottom* 近平面的 bottom* @param top* 近平面的 top* @param near* 近平面與視點(diǎn)的距離* @param far* 遠(yuǎn)平面與視點(diǎn)的距離*/public static void setProjectFrustum(float left, float right, float bottom,float top, float near, float far) {Matrix.frustumM(mProjMatrix, 0, left, right, bottom, top, near, far);}/*** 設(shè)置正交投影的參數(shù)* * @param left* 近平面的 left* @param right* 近平面的 right* @param bottom* 近平面的 bottom* @param top* 近平面的 top* @param near* 近平面的距離* @param far* 遠(yuǎn)平面的距離*/public static void setProjectOrtho(float left, float right, float bottom,float top, float near, float far) {Matrix.orthoM(mProjMatrix, 0, left, right, bottom, top, near, far);}/*** 獲取物體的總變換矩陣* * @param spec* @return*/public static float[] getFinalMatrix(float[] spec) {mMVPMatrix = new float[16];/** 矩陣乘法計(jì)算, 將兩個(gè)矩陣相乘, 并存入到第三個(gè)矩陣中* 六個(gè)參數(shù) : * ①② 參數(shù) : 結(jié)果矩陣, 結(jié)果矩陣起始位移* ③④ 參數(shù) : 左矩陣, 結(jié)果矩陣起始位移* ⑤⑥ 參數(shù) : 右矩陣, 結(jié)果矩陣起始位移*/Matrix.multiplyMM(mMVPMatrix, 0, mVMatrix, 0, spec, 0);Matrix.multiplyMM(mMVPMatrix, 0, mProjMatrix, 0, mMVPMatrix, 0);return mMVPMatrix;} }

?

?

?

?

?

?

?

?

3.?ShaderUtil?著色工具詳解

?

?

?

該代碼在?http://blog.csdn.net/shulianghan/article/details/17020359 中詳細(xì)的講解;

?

?

(1) 源碼

?

?

ShaderUtil?源碼 :?

?

?

package cn.org.octopus.opengl.projection;import java.io.ByteArrayOutputStream; import java.io.InputStream;import android.content.res.Resources; import android.opengl.GLES20; import android.util.Log;/** 這個(gè)工具類用來加載定點(diǎn)著色器與片元著色器*/ public class ShaderUtil {/*** 加載著色器方法* * 流程 : * * ① 創(chuàng)建著色器* ② 加載著色器腳本* ③ 編譯著色器* ④ 獲取著色器編譯結(jié)果* * @param shaderType 著色器類型,頂點(diǎn)著色器(GLES20.GL_FRAGMENT_SHADER), 片元著色器(GLES20.GL_FRAGMENT_SHADER)* @param source 著色腳本字符串* @return 返回的是著色器的引用, 返回值可以代表加載的著色器*/public static int loadShader(int shaderType , String source){//1.創(chuàng)建一個(gè)著色器, 并記錄所創(chuàng)建的著色器的id, 如果id==0, 那么創(chuàng)建失敗int shader = GLES20.glCreateShader(shaderType);if(shader != 0){//2.如果著色器創(chuàng)建成功, 為創(chuàng)建的著色器加載腳本代碼GLES20.glShaderSource(shader, source);//3.編譯已經(jīng)加載腳本代碼的著色器GLES20.glCompileShader(shader);int[] compiled = new int[1];//4.獲取著色器的編譯情況, 如果結(jié)果為0, 說明編譯失敗GLES20.glGetShaderiv(shader, GLES20.GL_COMPILE_STATUS, compiled, 0);if(compiled[0] == 0){Log.e("ES20_ERROR", "Could not compile shader " + shaderType + ":");Log.e("ES20_ERROR", GLES20.glGetShaderInfoLog(shader));//編譯失敗的話, 刪除著色器, 并顯示logGLES20.glDeleteShader(shader);shader = 0;}}return shader;}/*** 檢查每一步的操作是否正確* * 使用GLES20.glGetError()方法可以獲取錯(cuò)誤代碼, 如果錯(cuò)誤代碼為0, 那么就沒有錯(cuò)誤* * @param op 具體執(zhí)行的方法名, 比如執(zhí)行向著色程序中加入著色器, * 使glAttachShader()方法, 那么這個(gè)參數(shù)就是"glAttachShader"*/public static void checkGLError(String op){int error;//錯(cuò)誤代碼不為0, 就打印錯(cuò)誤日志, 并拋出異常while( (error = GLES20.glGetError()) != GLES20.GL_NO_ERROR ){Log.e("ES20_ERROR", op + ": glError " + error);throw new RuntimeException(op + ": glError " + error);}}/*** 創(chuàng)建著色程序* * ① 加載頂點(diǎn)著色器* ② 加載片元著色器* ③ 創(chuàng)建著色程序* ④ 向著色程序中加入頂點(diǎn)著色器* ⑤ 向著色程序中加入片元著色器* ⑥ 鏈接程序* ⑦ 獲取鏈接程序結(jié)果* * @param vertexSource 定點(diǎn)著色器腳本字符串* @param fragmentSource 片元著色器腳本字符串* @return*/public static int createProgram(String vertexSource , String fragmentSource){//1. 加載頂點(diǎn)著色器, 返回0說明加載失敗int vertexShader = loadShader(GLES20.GL_VERTEX_SHADER, vertexSource);if(vertexShader == 0)return 0;//2. 加載片元著色器, 返回0說明加載失敗int fragShader = loadShader(GLES20.GL_FRAGMENT_SHADER, fragmentSource);if(fragShader == 0)return 0;//3. 創(chuàng)建著色程序, 返回0說明創(chuàng)建失敗int program = GLES20.glCreateProgram();if(program != 0){//4. 向著色程序中加入頂點(diǎn)著色器GLES20.glAttachShader(program, vertexShader);checkGLError("glAttachShader");//5. 向著色程序中加入片元著色器GLES20.glAttachShader(program, fragShader);checkGLError("glAttachShader");//6. 鏈接程序GLES20.glLinkProgram(program);int[] linkStatus = new int[1];//獲取鏈接程序結(jié)果GLES20.glGetProgramiv(program, GLES20.GL_LINK_STATUS, linkStatus, 0);if(linkStatus[0] != GLES20.GL_TRUE){Log.e("ES20.ERROR", "鏈接程序失敗 : ");Log.e("ES20.ERROR", GLES20.glGetProgramInfoLog(program));//如果鏈接程序失敗刪除程序GLES20.glDeleteProgram(program);program = 0;} }return program;}/*** 從assets中加載著色腳本, 最終獲得一個(gè)著色器腳本字符串* * ① 打開assets目錄中的文件輸入流* ② 創(chuàng)建帶緩沖區(qū)的輸出流* ③ 逐個(gè)字節(jié)讀取文件數(shù)據(jù), 放入緩沖區(qū)* ④ 將緩沖區(qū)中的數(shù)據(jù)轉(zhuǎn)為字符串* * @param fileName assets目錄中的著色腳本文件名* @param resources 應(yīng)用的資源* @return*/public static String loadFromAssetsFile(String fileName, Resources resources){String result = null;try {//1. 打開assets目錄中讀取文件的輸入流, 相當(dāng)于創(chuàng)建了一個(gè)文件的字節(jié)輸入流InputStream is = resources.getAssets().open(fileName);int ch = 0;//2. 創(chuàng)建一個(gè)帶緩沖區(qū)的輸出流, 每次讀取一個(gè)字節(jié), 注意這里字節(jié)讀取用的是int類型ByteArrayOutputStream baos = new ByteArrayOutputStream();//3. 逐個(gè)字節(jié)讀取數(shù)據(jù), 并將讀取的數(shù)據(jù)放入緩沖器中while((ch = is.read()) != -1){baos.write(ch);}//4. 將緩沖區(qū)中的數(shù)據(jù)轉(zhuǎn)為字節(jié)數(shù)組, 并將字節(jié)數(shù)組轉(zhuǎn)換為字符串byte[] buffer = baos.toByteArray();baos.close();is.close();result = new String(buffer, "UTF-8");result = result.replaceAll("\\r\\n", "\n");} catch (Exception e) {e.printStackTrace();}return result;} }

?

?

?

?

?

?

?

4.?SixPointedStar?六角形形成類

?

?

?

?

(1) 源碼

?

?

?

?

package cn.org.octopus.opengl.projection;import java.nio.ByteBuffer; import java.nio.ByteOrder; import java.nio.FloatBuffer; import java.util.ArrayList; import java.util.List;import android.opengl.GLES20; import android.opengl.Matrix;/*** 單個(gè)六角星元素* * @author octopus**/ public class SixPointedStar {int mProgram; // 自定義渲染管線著色器程序idstatic float[] mMMatrix = new float[16]; // 具體物體的3D變換矩陣，包括旋轉(zhuǎn)、平移、縮放int muMVPMatrixHandle; // 總變換矩陣引用int maPositionHandle; // 頂點(diǎn)位置屬性引用int maColorHandle; // 頂點(diǎn)顏色屬性引用String mVertexShader; // 頂點(diǎn)著色器代碼腳本String mFragmentShader; // 片元著色器代碼腳本FloatBuffer mVertexBuffer; // 頂點(diǎn)坐標(biāo)數(shù)據(jù)緩沖FloatBuffer mColorBuffer; // 頂點(diǎn)著色數(shù)據(jù)緩沖int vCount = 0; // 頂點(diǎn)個(gè)數(shù)public float yAngle = 0; // 繞y軸旋轉(zhuǎn)的角度public float xAngle = 0; // 繞z軸旋轉(zhuǎn)的角度final float UNIT_SIZE = 1;public SixPointedStar(ProjectionGLSurfaceView mv, float r, float R, float z) {// 調(diào)用初始化頂點(diǎn)數(shù)據(jù)的initVertexData方法initVertexData(R, r, z);// 調(diào)用初始化著色器的intShader方法initShader(mv);}/*** 自定義初始化頂點(diǎn)數(shù)據(jù)的initVertexData方法* @param R 外圓半徑, 最外面6個(gè)點(diǎn)組成的圓* @param r 內(nèi)圓半徑, 最里面6個(gè)點(diǎn)組成的圓, 6個(gè)凹槽處的點(diǎn)* @param z 深度*/public void initVertexData(float R, float r, float z) {List<Float> flist = new ArrayList<Float>();float tempAngle = 360 / 6;// 每 60 度繪制一個(gè)四邊形, 每個(gè)四邊形由 2 個(gè)三角形組成, 箭頭形的平行四邊形for (float angle = 0; angle < 360; angle += tempAngle) {// 第一個(gè)三角形, (angle = 60度時(shí), 這是處于 60 ~ 90度的三角形)// 第一個(gè)中心點(diǎn), 正中心的點(diǎn)flist.add(0f); //屏幕中心flist.add(0f); //屏幕中心flist.add(z); //深度, z軸, 垂直于屏幕// 第二個(gè)點(diǎn), (angle = 60度時(shí) 第一象限 60度 右上的點(diǎn))flist.add((float) (R * UNIT_SIZE * Math.cos(Math.toRadians(angle)))); // 公式 : R / x = cos60, x = R * cos60flist.add((float) (R * UNIT_SIZE * Math.sin(Math.toRadians(angle)))); // 公式 : R / y = cos60, y = R * sin60flist.add(z); //深度// 第三個(gè)點(diǎn), 順時(shí)針方向的三角形的另一個(gè)點(diǎn)flist.add((float) (r * UNIT_SIZE * Math.cos(Math.toRadians(angle + tempAngle / 2))));flist.add((float) (r * UNIT_SIZE * Math.sin(Math.toRadians(angle+ tempAngle / 2))));flist.add(z);// 第二個(gè)三角形// 第一個(gè)中心點(diǎn), 最中心的點(diǎn)flist.add(0f);flist.add(0f);flist.add(z);// 第二個(gè)點(diǎn), (angle = 60度時(shí), 這是處于 90 ~ 120 的三角形)flist.add((float) (r * UNIT_SIZE * Math.cos(Math.toRadians(angle+ tempAngle / 2))));flist.add((float) (r * UNIT_SIZE * Math.sin(Math.toRadians(angle+ tempAngle / 2))));flist.add(z);// 第三個(gè)點(diǎn)flist.add((float) (R * UNIT_SIZE * Math.cos(Math.toRadians(angle+ tempAngle))));flist.add((float) (R * UNIT_SIZE * Math.sin(Math.toRadians(angle+ tempAngle))));flist.add(z);}//頂點(diǎn)個(gè)數(shù), 集合個(gè)數(shù) / 3vCount = flist.size() / 3;//創(chuàng)建一個(gè)頂點(diǎn)數(shù)組, 大小為頂點(diǎn)集合的大小, 將頂點(diǎn)數(shù)組的元素拷貝到頂點(diǎn)集合中float[] vertexArray = new float[flist.size()];for (int i = 0; i < vCount; i++) {vertexArray[i * 3] = flist.get(i * 3);vertexArray[i * 3 + 1] = flist.get(i * 3 + 1);vertexArray[i * 3 + 2] = flist.get(i * 3 + 2);}//創(chuàng)建一個(gè)字節(jié)數(shù)組緩沖, 大小為 頂點(diǎn)個(gè)數(shù) * 4ByteBuffer vbb = ByteBuffer.allocateDirect(vertexArray.length * 4);// 設(shè)置字節(jié)順序?yàn)楸镜夭僮飨到y(tǒng)順序vbb.order(ByteOrder.nativeOrder()); //將 byte 緩沖 轉(zhuǎn)為 float 緩沖, 賦值給 頂點(diǎn)數(shù)據(jù)緩沖mVertexBuffer = vbb.asFloatBuffer();mVertexBuffer.put(vertexArray);//設(shè)置緩沖區(qū)的起始位置mVertexBuffer.position(0);/** 下面是初始化頂點(diǎn)顏色數(shù)據(jù)*///共有 vCount 個(gè)頂點(diǎn), 每個(gè)頂點(diǎn)顏色值是 4個(gè)分別是 RGBAfloat[] colorArray = new float[vCount * 4];//中心點(diǎn)設(shè)置一個(gè)顏色, 其它點(diǎn)設(shè)置一個(gè)顏色for (int i = 0; i < vCount; i++) {if (i % 3 == 0) {// 中心點(diǎn)為白色colorArray[i * 4] = 1;colorArray[i * 4 + 1] = 1;colorArray[i * 4 + 2] = 1;colorArray[i * 4 + 3] = 0;} else {// 邊上的點(diǎn)為淡藍(lán)色colorArray[i * 4] = 0.45f;colorArray[i * 4 + 1] = 0.75f;colorArray[i * 4 + 2] = 0.75f;colorArray[i * 4 + 3] = 0;}}ByteBuffer cbb = ByteBuffer.allocateDirect(colorArray.length * 4);cbb.order(ByteOrder.nativeOrder()); // 設(shè)置字節(jié)順序?yàn)楸镜夭僮飨到y(tǒng)順序//將顏色Byte緩沖轉(zhuǎn)為 Float緩沖mColorBuffer = cbb.asFloatBuffer();//將顏色緩沖數(shù)據(jù)放入 顏色數(shù)據(jù)緩沖成員變量中mColorBuffer.put(colorArray);mColorBuffer.position(0);// 特別提示：由于不同平臺(tái)字節(jié)順序不同數(shù)據(jù)單元不是字節(jié)的一定要經(jīng)過ByteBuffer// 轉(zhuǎn)換，關(guān)鍵是要通過ByteOrder設(shè)置nativeOrder()，否則有可能會(huì)出問題}/*** 初始化著色器* ① 加載頂點(diǎn)著色器與片元著色器腳本* ② 基于加載的著色器創(chuàng)建著色程序* ③ 根據(jù)著色程序獲取 頂點(diǎn)屬性引用 頂點(diǎn)顏色引用 總變換矩陣引用* @param mv*/public void initShader(ProjectionGLSurfaceView mv) {/* * mVertextShader是頂點(diǎn)著色器腳本代碼 * 調(diào)用工具類方法獲取著色器腳本代碼, 著色器腳本代碼放在assets目錄中 * 傳入的兩個(gè)參數(shù)是 腳本名稱 和 應(yīng)用的資源 * 應(yīng)用資源Resources就是res目錄下的那寫文件 */ //① 加載頂點(diǎn)著色器的腳本內(nèi)容mVertexShader = ShaderUtil.loadFromAssetsFile("vertex_projection.sh",mv.getResources());//② 加載片元著色器的腳本內(nèi)容mFragmentShader = ShaderUtil.loadFromAssetsFile("frag_projection.sh",mv.getResources());//③ 基于頂點(diǎn)著色器與片元著色器創(chuàng)建程序, 傳入頂點(diǎn)著色器腳本 和 片元著色器腳本 注意順序不要錯(cuò)mProgram = ShaderUtil.createProgram(mVertexShader, mFragmentShader);/* * 從著色程序中獲取 屬性變量 頂點(diǎn)坐標(biāo)(顏色)數(shù)據(jù)的引用 * 其中的"aPosition"是頂點(diǎn)著色器中的頂點(diǎn)位置信息 * 其中的"aColor"是頂點(diǎn)著色器的顏色信息 */ //④ 獲取程序中頂點(diǎn)位置屬性引用idmaPositionHandle = GLES20.glGetAttribLocation(mProgram, "aPosition");//⑤ 獲取程序中頂點(diǎn)顏色屬性引用idmaColorHandle = GLES20.glGetAttribLocation(mProgram, "aColor");//⑥ 獲取程序中總變換矩陣引用idmuMVPMatrixHandle = GLES20.glGetUniformLocation(mProgram, "uMVPMatrix");}/*** 六角星繪制自身方法* * ① 設(shè)置繪制使用的著色程序* ② 初始化總變換矩陣* ③ 設(shè)置位移* ④ 設(shè)置旋轉(zhuǎn)* ⑤ 應(yīng)用最終變換矩陣* ⑥ 指定頂點(diǎn)與顏色位置緩沖數(shù)據(jù)* ⑦ 開始繪制*/public void drawSelf() {// 制定使用某套shader程序GLES20.glUseProgram(mProgram);// 初始化變換矩陣, 第二參數(shù)是矩陣起始位, 第三參數(shù) 旋轉(zhuǎn)的角度, 四五六參數(shù) 旋轉(zhuǎn)的軸Matrix.setRotateM(mMMatrix, 0, 0, 0, 1, 0);// 設(shè)置沿Z軸正向位移1Matrix.translateM(mMMatrix, 0, 0, 0, 1);// 設(shè)置繞y軸旋轉(zhuǎn)Matrix.rotateM(mMMatrix, 0, yAngle, 0, 1, 0);// 設(shè)置繞z軸旋轉(zhuǎn)Matrix.rotateM(mMMatrix, 0, xAngle, 1, 0, 0);// 將最終變換矩陣傳入shader程序GLES20.glUniformMatrix4fv(muMVPMatrixHandle, 1, false,MatrixState.getFinalMatrix(mMMatrix), 0);// 為畫筆指定頂點(diǎn)位置數(shù)據(jù)GLES20.glVertexAttribPointer(maPositionHandle, // 頂點(diǎn)位置數(shù)據(jù)引用3, // 每 3 個(gè)元素代表一個(gè)坐標(biāo)GLES20.GL_FLOAT, // 坐標(biāo)的單位是浮點(diǎn)型false, // 3 * 4, // 每組數(shù)據(jù)有多少字節(jié)mVertexBuffer); // 頂點(diǎn)數(shù)據(jù)緩沖區(qū)// 為畫筆指定頂點(diǎn)著色數(shù)據(jù)GLES20.glVertexAttribPointer(maColorHandle, 4, GLES20.GL_FLOAT, false,4 * 4, mColorBuffer);// 允許頂點(diǎn)位置數(shù)據(jù)數(shù)組GLES20.glEnableVertexAttribArray(maPositionHandle);GLES20.glEnableVertexAttribArray(maColorHandle);// 繪制六角星GLES20.glDrawArrays(GLES20.GL_TRIANGLES, 0, vCount);} }

?

?

?

?

?

?

?

5.?ProjectionGLSurfaceView?自定義View顯示類

?

?

?

?

?

(1) 正交透視投影設(shè)置

?

?

?

關(guān)鍵成員變量 :?

?

public static boolean isOrth

-- 正交投影 : 設(shè)置為 true, 時(shí)為正交投影;

?

-- 透視投影 : 設(shè)置為 false 時(shí), 為透視投影;

?

?

(3) 源碼

?

?

?

?

源碼 :?

?

package cn.org.octopus.opengl.projection;import javax.microedition.khronos.egl.EGLConfig; import javax.microedition.khronos.opengles.GL10;import android.content.Context; import android.opengl.GLES20; import android.opengl.GLSurfaceView; import android.view.MotionEvent;/*** 自定義顯示 OpenGL 圖形的 SurfaceView* * ① 初始化 SurfaceView* a. 設(shè)置 OpenGL ES 版本* b. 創(chuàng)建場景渲染器* c. 設(shè)置場景渲染器* d. 設(shè)置場景渲染器模式 * ② 自定義場景渲染器* a. 創(chuàng)建時(shí) 設(shè)置背景 -> 創(chuàng)建繪制元素 -> 打開深度檢測* b. 場景改變時(shí) 設(shè)置視口參數(shù) -> 設(shè)置投影參數(shù) -> 設(shè)置攝像機(jī)參數(shù)* c. 繪制時(shí) 清楚顏色,深度緩沖 -> 繪制元素* @author octopus**/ public class ProjectionGLSurfaceView extends GLSurfaceView {public static boolean isOrth = true;private final float TOUCH_SCALE_FACTOR = 180.0f / 320; // 角度縮放比例private SceneRenderer mRenderer; // 場景渲染器private float mPreviousY; //上次觸摸位置的Y坐標(biāo)private float mPreviousX; //上次觸摸位置的X坐標(biāo)/*** 初始化 GLSurfaceView* ① 設(shè)置 OpenGL ES 的版本* ② 創(chuàng)建場景渲染器* ③ 設(shè)置場景渲染器* ④ 設(shè)置場景渲染模式* @param context*/public ProjectionGLSurfaceView(Context context) {super(context);this.setEGLContextClientVersion(2); // 設(shè)置OpenGL ES 版本為 2.0mRenderer = new SceneRenderer(); // 創(chuàng)建場景渲染器setRenderer(mRenderer); // 設(shè)置場景渲染器setRenderMode(GLSurfaceView.RENDERMODE_CONTINUOUSLY); // 設(shè)置場景渲染模式}// 觸摸方法@Overridepublic boolean onTouchEvent(MotionEvent e) {float y = e.getY(); //獲取當(dāng)前觸摸的 y 坐標(biāo)float x = e.getX(); //獲取當(dāng)前觸摸的 x 坐標(biāo)switch (e.getAction()) { //獲取觸摸類型case MotionEvent.ACTION_MOVE:float dy = y - mPreviousY;// 計(jì)算 y 方向的位移float dx = x - mPreviousX;// 計(jì)算 x 方向的位移for (SixPointedStar h : mRenderer.ha) {h.yAngle += dx * TOUCH_SCALE_FACTOR;// 設(shè)置六角星繞 x 軸旋轉(zhuǎn)角度h.xAngle += dy * TOUCH_SCALE_FACTOR;// 設(shè)置六角星繞 y 軸旋轉(zhuǎn)角度}}mPreviousY = y;// 將本次觸摸的 y 坐標(biāo)記錄為歷史坐標(biāo)mPreviousX = x;// 將本次觸摸的 x 坐標(biāo)記錄為歷史坐標(biāo)return true;}/*** 場景渲染器* 創(chuàng)建六角星數(shù)組中得六角星對(duì)象, 將六角星顯示在屏幕中* @author octopus**/private class SceneRenderer implements GLSurfaceView.Renderer {SixPointedStar[] ha = new SixPointedStar[6];// 六角星數(shù)組/*** ① 清楚深度緩沖 與 顏色緩沖* ② 重新繪制各個(gè)元素*/public void onDrawFrame(GL10 gl) {// 清除深度緩沖與顏色緩沖GLES20.glClear(GLES20.GL_DEPTH_BUFFER_BIT| GLES20.GL_COLOR_BUFFER_BIT);// 循環(huán)繪制各個(gè)六角星for (SixPointedStar h : ha) {h.drawSelf();}}/*** Surface 改變時(shí)* ① 設(shè)置視口參數(shù)* ② 設(shè)置投影參數(shù)* ③ 設(shè)置攝像機(jī)參數(shù)*/public void onSurfaceChanged(GL10 gl, int width, int height) {// 設(shè)置視口的大小及位置GLES20.glViewport(0, 0, width, height);// 設(shè)置視口的寬高比, 注意視口的長寬比與近平面的長寬比需要相同, 否則顯示內(nèi)容會(huì)變形float ratio = (float) width / height;// 設(shè)置正交投影, 如果是透視投影, 就在這里使用透視投影if(isOrth){//設(shè)置正交投影MatrixState.setProjectOrtho(-ratio, ratio, -1, 1, 1, 10);}else{//設(shè)置透視投影MatrixState.setProjectFrustum(-ratio*0.4f, ratio*0.4f, -1*0.4f, 1*0.4f, 1, 50);}// 設(shè)置攝像機(jī)位置MatrixState.setCamera(0, 0, 3f, 0, 0, 0f, 0f, 1.0f, 0.0f);}/*** 創(chuàng)建時(shí)回調(diào)* ① 設(shè)置北京顏色* ② 創(chuàng)建繪制元素* ③ 打開深度檢測*/public void onSurfaceCreated(GL10 gl, EGLConfig config) {// 設(shè)置屏幕的背景顏色GLES20.glClearColor(0.5f, 0.5f, 0.5f, 1.0f);float distance = 0f;if(isOrth){distance = -1.0f;}else{distance = -1.0f;}// 創(chuàng)建六角星數(shù)組中得各個(gè)六角星for (int i = 0; i < ha.length; i++) {ha[i] = new SixPointedStar(ProjectionGLSurfaceView.this, 0.2f, 0.5f,distance * i);}// 打開深度檢測GLES20.glEnable(GLES20.GL_DEPTH_TEST);}} }

?

?

?

?

?

?

?

6.?OrthogonalProjectionActivity?類

?

?

?

?

?

源碼 :?

?

package cn.org.octopus.opengl.projection; import cn.org.octopus.opengl.R; import cn.org.octopus.opengl.utils.DLog; import android.app.Activity; import android.content.pm.ActivityInfo; import android.os.Bundle; import android.view.View; import android.view.Window; import android.view.WindowManager; import android.widget.FrameLayout;/*** Activity 顯示 OpenGL 流程* ① 設(shè)置屏幕參數(shù)* ② 初始化 GLSurfaceView* ③ 設(shè)置顯示 GLSurface* * 在onResume 和 onPause 中分別調(diào)用 GLSurfaceView 的 onResume 和 onPause 方法* @author octopus**/ public class OrthogonalProjectionActivity extends Activity {public static final String TAG = "octopus.OrthogonalProjectionActivity";private ProjectionGLSurfaceView mGLSurfaceView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); //① 設(shè)置屏幕參數(shù)requestWindowFeature(Window.FEATURE_NO_TITLE); //設(shè)置無標(biāo)題getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN , //設(shè)置全屏充滿WindowManager.LayoutParams.FLAG_FULLSCREEN);setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); //設(shè)置屏幕為豎屏//② 初始化GLSurfaceViewmGLSurfaceView = new ProjectionGLSurfaceView(this);//③ 設(shè)置顯示 GLSurfaceViewsetContentView(mGLSurfaceView); //設(shè)置界面顯示該 GLSurfaceViewmGLSurfaceView.requestFocus(); //獲取焦點(diǎn)mGLSurfaceView.setFocusableInTouchMode(true); //設(shè)置為可觸控 }public void onClick(View view) {DLog.i(TAG, "點(diǎn)擊了按鈕");int id = view.getId();switch (id) {case R.id.bt_switch_orth:ProjectionGLSurfaceView.isOrth = true;break;case R.id.bt_switch_flu:ProjectionGLSurfaceView.isOrth = false;break;default:break;}}@Overrideprotected void onResume() {super.onResume();mGLSurfaceView.onResume(); // GLSurfaceView 根據(jù) Acivity 周期變化}@Overrideprotected void onPause() {super.onPause();mGLSurfaceView.onPause(); // GLSurfaceView 根據(jù) Acivity 周期變化} }

?

?

?

?

?

?

?

?

.

?

博客地址?:?http://blog.csdn.net/shulianghan/article/details/46680803

源碼下載?:?http://download.csdn.net/detail/han1202012/8903437

?

博客地址?:?http://blog.csdn.net/shulianghan/article/details/46680803

源碼下載?:?http://download.csdn.net/detail/han1202012/8903437

?

總結(jié)

以上是生活随笔為你收集整理的【OpenGL ES】 Android OpenGL ES -- 透视投影 和 正交投影的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。