Qualcomm Vuforia 教學 (5) – 替換茶壺 – Android JNI 版本
前面的文章提到為什麼要用 Android NDK 來開發，既然已經有了 Android 版本替換茶壺的文章，這邊記錄 Android NDK 版本的替換茶壺。
2016-07-07 更新：本篇為 3.x 版本，目前 Vuforia 以更新到 5.5.9，新版本使用方式請參考
Android Vuforia 系列：
- Android Vuforia with jPCT-AE (1) – 基本範例
- Android Vuforia with jPCT-AE (2) – 載入 obj 測試
- Android Vuforia with jPCT-AE (3) – 載入 md2 測試
- Android Vuforia with jPCT-AE (4) – 載入 3DS 測試
- Android Vuforia with jPCT-AE (5) – 多重模型載入，以 obj 為例
使用 Android NDK 來做的好處在上一篇文章已提過，C++ 在處理複雜模型上有不錯的表現，也不會出現 Java 宣告大小上限的問題，直接進入步驟。
1. 下載範例檔案 – cube.h、cube.png (這個跟前面範例使用的是一樣的)
2. 將範例檔案 cube.h 放到 ImageTargetsNative 專案下的 jni 目錄
3. 將範例檔案 cube.png 放到 ImageTargetsNative 專案下的 assets 目錄
4. 開啟 ImageTargetsNative 專案下 jni 下的 ImageTargets.cpp
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
|
// 在上方加入#include "cube.h"// static const float kObjectScale = 3.f;// 改成static const float kObjectScale = 120.f;// glVertexAttribPointer(vertexHandle, 3, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &teapotVertices[0]);// 改成glVertexAttribPointer(vertexHandle, 3, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &cubeVerts[0]);// glVertexAttribPointer(normalHandle, 3, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &teapotNormals[0]);// 改成glVertexAttribPointer(normalHandle, 3, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &cubeNormals[0]);// glVertexAttribPointer(textureCoordHandle, 2, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &teapotTexCoords[0]);// 改成glVertexAttribPointer(textureCoordHandle, 2, GL_FLOAT, GL_FALSE, 0, (const GLvoid*) &cubeTexCoords[0]);// glDrawElements(GL_TRIANGLES, NUM_TEAPOT_OBJECT_INDEX, GL_UNSIGNED_SHORT, (const GLvoid*) &teapotIndices[0]);// 改成glDrawArrays(GL_TRIANGLES, 0, cubeNumVerts); |
5. 開啟 ImageTargetsNative 專案下 jni 下的 ImageTargets.java
|
1
2
3
4
5
6
7
8
|
private void loadTextures(){ //mTextures.add(Texture.loadTextureFromApk("TextureTeapotBrass.png", getAssets())); mTextures.add(Texture.loadTextureFromApk("TextureTeapotBlue.png", getAssets())); mTextures.add(Texture.loadTextureFromApk("cube.png", getAssets())); mTextures.add(Texture.loadTextureFromApk("TextureTeapotRed.png", getAssets())); mTextures.add(Texture.loadTextureFromApk("Buildings.jpeg", getAssets()));} |
6. 執行 ndk-build (如果忘記可查看上一篇文章)，重新整理 Eclipse 專案後執行。下圖是 cube.h 透過 OpenGL 畫出來的模型，上方是 cube.png 當材質繪製出來的，下方是原本範例中茶壺的貼圖。
Qualcomm Vuforia 系列：