2. 程式人生 > >Android 中使用OpenGL ES進行2D開發（紋理Texture使用）

Android 中使用OpenGL ES進行2D開發（紋理Texture使用）

阿新 • • 發佈：2019-02-12
OpenGL紋理是一種點陣圖，可以把它貼上到OpenGL物體的表面上。比如可以獲取一張郵票的影象貼上到正方形中，使正方形看起來像一張郵票。要使郵票保持合適的方向，以便影象井然有序地排列，則必須獲得形狀的每個頂點並在正方形上標記出來，以便郵票和正方形的形狀保持一致。在OpenGL中引入了紋理座標。

OpenGL 假設紋理圖始終為1x1的正方形，其原點位於(0.0)處，右下角為(1,1)。如下圖。


紋理座標與頂點座標之間的對映如下圖：

 所以我們用的浮點陣列不只是要儲存4個點的位置，還要儲存紋理座標值
vertices.put( new float[] {   -80f,   -120f, 0.0f, 1.0f,
                                           80f,   -120f,1.0f, 1.0f,                                            -80f, 120f,0.0f, 0.0f,                                             80f,  120f, 1.0f,  0.0f});
處理完紋理座標與頂點座標之間的對映關係後，剩餘工作包括將紋理點陣圖載入到記憶體，為它分配紋理ID，以便重用此紋理。
來看下完整程式碼吧，注意我們程式碼中紋理座標和頂點座標分開存放了，這樣更加清晰點，不然還要stride(跳過)記憶體。
  1. package com.waitingfy.android.glbasics;  
  2. import java.io.IOException;  
  3. import java.nio.ByteBuffer;  
  4. import java.nio.ByteOrder;  
  5. import java.nio.FloatBuffer;  
  6. import java.nio.ShortBuffer;  
  7. import javax.microedition.khronos.egl.EGLConfig;  
  8. import javax.microedition.khronos.opengles.GL10;  
  9. import android.app.Activity;  
  10. import android.graphics.Bitmap;  
  11. import android.graphics.BitmapFactory;  
  12. import android.opengl.GLSurfaceView;  
  13. import android.opengl.GLUtils;  
  14. import android.opengl.GLSurfaceView.Renderer;  
  15. import android.os.Bundle;  
  16. import android.util.Log;  
  17. import android.view.Window;  
  18. import android.view.WindowManager;  
  19. publicclass TexturedRectangleTest extends Activity {  
  20.     public GLSurfaceView glView;  
  21.     @Override
  22.     protectedvoid onCreate(Bundle savedInstanceState) {  
  23.         super.onCreate(savedInstanceState);  
  24.         // 去掉activity的標題，全屏顯示
  25.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  26.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
  27.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);  
  28.         glView = new GLSurfaceView(this);  
  29.         glView.setRenderer(new SimpleRenderer());  
  30.         setContentView(glView);  
  31.     }  
  32.     @Override
  33.     publicvoid onResume() {  
  34.         super.onPause();  
  35.         glView.onResume();  
  36.     }  
  37.     @Override
  38.     publicvoid onPause() {  
  39.         super.onPause();  
  40.         glView.onPause();  
  41.     }  
  42.     class SimpleRenderer implements Renderer {  
  43.         FloatBuffer vertices;  
  44.         FloatBuffer texture;  
  45.         ShortBuffer indices;  
  46.         int textureId;  
  47.         public SimpleRenderer() {  
  48.             ByteBuffer byteBuffer = ByteBuffer.allocateDirect(4 * 2 * 4);  
  49.             byteBuffer.order(ByteOrder.nativeOrder());              
  50.             vertices = byteBuffer.asFloatBuffer();  
  51. //            vertices.put( new float[] {  -80f,   -120f,0,1f,
  52. //                                         80f,  -120f, 1f,1f,
  53. //                                         -80f, 120f, 0f,0f,
  54. //                                         80f,120f,   1f,0f});
  55.             vertices.put( newfloat[] {  -80f,   -120f,  
  56.                                          80f,  -120f,   
  57.                                          -80f, 120f,  
  58.                                          80f,  120f});  
  59.             ByteBuffer indicesBuffer = ByteBuffer.allocateDirect(6 * 2);  
  60.             indicesBuffer.order(ByteOrder.nativeOrder());   
  61.             indices = indicesBuffer.asShortBuffer();  
  62.             indices.put(newshort[] { 0, 1, 2,1,2,3});  
  63.             ByteBuffer textureBuffer = ByteBuffer.allocateDirect(4 * 2 * 4);  
  64.             textureBuffer.order(ByteOrder.nativeOrder());              
  65.             texture = textureBuffer.asFloatBuffer();  
  66.             texture.put( newfloat[] { 0,1f,  
  67.                                         1f,1f,  
  68.                                         0f,0f,  
  69.                                         1f,0f});  
  70.             indices.position(0);  
  71.             vertices.position(0);  
  72.             texture.position(0);  
  73.         }  
  74.         @Override
  75.         publicvoid onSurfaceCreated(GL10 gl, EGLConfig config) {  
  76.             Log.d("GLSurfaceViewTest", "surface created");  
  77.         }  
  78.         @Override
  79.         publicvoid onSurfaceChanged(GL10 gl, int width, int height) {  
  80.             Log.d("GLSurfaceViewTest", "surface changed: " + width + "x"
  81.                     + height);  
  82.         }  
  83.         @Override
  84.         publicvoid onDrawFrame(GL10 gl) {  
  85.             textureId = loadTexture("bobrgb888.png",gl);  
  86.             //定義顯示在螢幕上的什麼位置(opengl 自動轉換)
  87.             gl.glViewport(0, 0, glView.getWidth(), glView.getHeight());  
  88.             gl.glClear(GL10.GL_COLOR_BUFFER_BIT);  
  89.             gl.glMatrixMode(GL10.GL_PROJECTION);  
  90.             gl.glLoadIdentity();  
  91.             gl.glOrthof(-160, 160, -240, 240, 1, -1);  
  92.             gl.glEnable(GL10.GL_TEXTURE_2D);  
  93.                         //繫結紋理ID
  94.                         gl.glBindTexture(GL10.GL_TEXTURE_2D, textureId);  
  95.             gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);  
  96.             gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);  
  97.             gl.glVertexPointer(2, GL10.GL_FLOAT, 0, vertices);  
  98.             gl.glTexCoordPointer(2, GL10.GL_FLOAT, 0, texture);  
  99.             // gl.glRotatef(1, 0, 1, 0);
  100.             gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 6,  
  101.                     GL10.GL_UNSIGNED_SHORT, indices);  
  102.         }  
  103.         publicint loadTexture(String fileName,GL10 gl) {  
  104.             try {  
  105.                 Bitmap bitmap = BitmapFactory.decodeStream(getAssets().open(  
  106.                         fileName));  
  107.                 int textureIds[] = newint[1];  
  108.                 gl.glGenTextures(1, textureIds, 0);  
  109.                 int textureId = textureIds[0];  
  110.                 gl.glBindTexture(GL10.GL_TEXTURE_2D, textureId);  
  111.                 GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, bitmap, 0);  
  112.                 gl.glTexParameterf(GL10.GL_TEXTURE_2D,  
  113.                         GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_NEAREST);  
  114.                 gl.glTexParameterf(GL10.GL_TEXTURE_2D,  
  115.                         GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_NEAREST);  
  116.                 gl.glBindTexture(GL10.GL_TEXTURE_2D, 0);  
  117.                 bitmap.recycle();  
  118.                 return textureId;  
  119.             } catch (IOException e) {  
  120.                 Log.d("TexturedRectangleTest",  
  121.                         "couldn't load asset 'bobrgb888.png'!");  
  122.                 thrownew RuntimeException("couldn't load asset '" + fileName  
  123.                         + "'");  
  124.             }  
  125.         }  
  126.     }  
  127. }  

注意下我們這裡用到的圖片"bobrgb888.png"是png格式，存放在/assets/下，長寬是128*128，好像紋理圖片最好是2的n次方大小，而且是正方形。

相關推薦

Android 中使用OpenGL ES進行2D開發（紋理Texture使用）

OpenGL紋理是一種點陣圖，可以把它貼上到OpenGL物體的表面上。比如可以獲取一張郵票的影象貼上到正方形中，使正方形看起來像一張郵票。要使郵票保持合適的方向，以便影象井然有序地排列，則必須獲得形狀的每個頂點並在正方形上標記出來，以便郵票和正方形的形狀保持一致。在Open

android中Webview與javascript的互動（互相呼叫）

最近做android專案中遇到要在webview中做與js互動相關的東東，涉及到js中呼叫android本地的方法，於是查了資料整理了一下android和js互相呼叫的過程。如下demo，demo的主要實現過程如下：通過載入本地的html檔案（裡面有js指令碼），實現and

Android中FTP上傳、下載（含進度）

package com.ftp; import java.io.File; import java.io.IOException; import java.util.LinkedList; import com.ftp.FTP.DeleteFileProgressListener; import com.

Android中的音訊視屏相關（多媒體2）

引言：多媒體:(包含文字 圖片 音訊 視訊) 一、MediaPlayer的簡介 請看官方文件介紹：MediaPlayer class can be used to control playback o

在Eclipse中使用JUnit4進行單元測試（初級篇）

我們在編寫大型程式的時候，需要寫成千上萬個方法或函式，這些函式的功能可能很強大，但我們在程式中只用到該函式的一小部分功能，並且經過除錯可以確定，這一小部分功能是正確的。但是，我們同時應該確保每一個函式都完全正確，因為如果我們今後如果對程式進行擴充套件，用到了某個函式的其他功能，而這個功能有bug的話，那絕對

在Eclipse中使用JUnit4進行單元測試（高階篇）

通過前2篇文章，您一定對JUnit有了一個基本的瞭解，下面我們來探討一下JUnit4中一些高階特性。 一、高階Fixture 上一篇文章中我們介紹了兩個Fixture標註，分別是@Before和@After，我們來看看他們是否適合完成如下功能：有一個類是負責對大檔案（超過50

Android中實現本地快取，儲存（SharedPreferences儲存）

SharedPreferences輕量級快取技術        SharedPreferences是Android平臺上一個輕量級的儲存類，用來儲存應用的一些常用配置。暫時將Activity的狀態

在Eclipse中使用JUnit4進行單元測試（中級篇）

我們繼續對初級篇中的例子進行分析。初級篇中我們使用Eclipse自動生成了一個測試框架，在這篇文章中，我們來仔細分析一下這個測試框架中的每一個細節，知其然更要知其所以然，才能更加熟練地應用JUnit4。 一、     包含必要地Package 在測試類中用到了JUnit4框

一文帶您瞭解 Elasticsearch 中，如何進行索引管理（圖文教程）

歡迎關注筆者的公眾號: 小哈學Java, 每日推送 Java 領域乾貨文章，關注即免費無套路附送 100G 海量學習、面試資源喲！！ 個人網站: https://www.exception.site/essay/about-elasticsearch-index-manage 在 Elasticsea

android studio | openGL es 3.0增強現實（AR）開發 (1) 建立一個openGL es 3.0開發環境

1.什麼是NDK，什麼是JNI？ NDK：Native Development Kit（原生開發工具包）, NDK允許使用者使用類似C / C++之類的原生程式碼語言執行部分程式。它包括下面的部分（1）從C / C++生成原生程式碼庫所需要的工具和buil

手把手教你如何在Android下進行JNI開發（入門）

在進行Android開發的過程中，我們必定會遇到視訊影象處理、高強度密集運算、特殊演算法等場景，這時我們就不得不需要去接觸一些C/C++程式碼，進行JNI開發。下面我將從Android.mk和CMake這兩種方式教大家如何進行開發。文章結尾將給出演示的專案程式碼，如果你能耐心地仔細看完，相信你一定能掌握

Android OpenGL ES濾鏡開發之美顏效果

前言 其實之前我就是已經把美顏效果啥的都做完了，但是就一直懶得記錄，今天來記錄一下，之前記錄的就是大眼睛還有貼紙的效果。以前的時候不愛寫部落格，總覺得很麻煩，現在發現寫部落格是用來總結複習很好的一個途徑，很多時候寫效果或者做些什麼，就基本就是做完就完事兒了，也不去總結一下或者拿來複習一下

Android開發中所遇到的BUG彙總（持續更新）

The following classes could not be instantiated: - android.support.v7.internal.app.WindowDecorActionBar (Open Class, Show Exceptio

android中Okhttp框架進行網路請求的工具類（）

package com.example.utils; import java.io.File; import java.io.IOException; import java.util.ArrayList; import java.util.Iterat

Android中基於HTTP的通訊技術（3）使用HttpClient進行Get方式通訊

繼續搬磚學習android通訊（來自極客學院） 使用HttpClient進行Get方式通訊，通過HttpClient建立網路連結，使用HttpGet方法讀取資料，並且通過Response獲取Entity返回值。package com.example.httpclientge

Android平臺OpenGL ES影象處理（improving）

在Android平臺一般使用OpenGL ES進行影象處理。在OpenGL ES中編寫演算法，實現效果，最後將處理的結果傳輸給 CPU，然後生成最終的照片。 直播中的美顏，對效能有很高的要求，無法使用特別複雜的演算法。我們只能在演算法和美顏效果之間找個平衡點。

一個簡單的OpenGL ES 3.0 示例 （Android NDK jni）

OpenGL ES 3.0 上的一個三角形例子，網上可以下載到android skd 版（java）和 android ndk (c&c++版） 為了瞭解一下JNI，於是寫了如下小程式。 這個例子是使用jni, java中呼叫c中的程式碼完成三角形的渲染, 其中sh

Android筆記之使用CMake進行JNI開發（Android Studio）

不知道有多少朋友像我一樣，被Android NDK開發的環境配置折騰到吐，然後放棄。從事Android工作幾年了，也不太願意接觸NDK開發。不過福利終於來了，新的AS中開始使用CMake開發jni，開發c跟開發java一樣簡單，你只需單純的執著於業務目標，跟折騰

Android使用OpenGL ES顯示紋理(使用NDK開發）

書上第四章最後開始介紹使用OpenGL來顯示一個2D紋理，其實做音視訊2D基本滿足絕大多數要求了，下面簡單分析一下原始碼中的流程。 EGL環境初始化 首先我們需要在Java環境中初始化一個SurfaceView，然後在回撥中我們傳入surface。這裡我

Android 中使用MediaRecorder進行錄影詳解（視訊錄製）

在這裡給出自己的一個測試DEMO，裡面註釋很詳細。簡單的視訊錄製功能. package com.demo; import java.io.IOException; import android.app.Activity; import android