来源： [转载]Android OpenGL教程-第五课 – onicewalk的专栏 – 博客频道 – CSDN.NET

Android OpenGL 教程

第五课

3D空间:

 

我们使用多边形和四边形创建3D物体，在这一课里，我们把三角形变为立体的金子塔形状，把四边形变为立方体。

先看看三角形的顶点变成啥了

private float[] mTriangleArray = {

0.0f,1.0f,0.0f,

-1.0f,-1.0f,1.0f,

1.0f,-1.0f,1.0f,

 

0.0f,1.0f,0.0f,

1.0f,-1.0f,1.0f,

1.0f,-1.0f,-1.0f,

 

0.0f,1.0f,0.0f,

1.0f,-1.0f,-1.0f,

-1.0f,-1.0f,-1.0f,

 

0.0f,1.0f,0.0f,

-1.0f,-1.0f,-1.0f,

-1.0f,-1.0f,1.0f

};

private FloatBuffer mTriangleBuffer;

一个四个面，每个面三个点，地面没画。

你们仔细看看每个面，都是按逆时针方向画的。当然，如果你没有增加Cull剔除代码（上节课最后提到），至于顺时针，逆时针都无所谓，都画。但是我们还是推荐使用按照方向来写的array。

 

三角形的颜色数组来了

private float[] mColorArray={

1.0f,0.0f,0.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

 

1.0f,0.0f,0.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

 

1.0f,0.0f,0.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

 

1.0f,0.0f,0.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

};

private FloatBuffer mColorBuffer;

注意，同一个点是同一个颜色。

 

立方体的颜色数组来了

private float[] mQuadColorArray={

0.0f,1.0f,0.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

0.0f,1.0f,0.0f,1.0f,

 

1.0f,0.5f,0.0f,1.0f,

1.0f,0.5f,0.0f,1.0f,

1.0f,0.5f,0.0f,1.0f,

1.0f,0.5f,0.0f,1.0f,

 

1.0f,0.0f,0.0f,1.0f,

1.0f,0.0f,0.0f,1.0f,

1.0f,0.0f,0.0f,1.0f,

1.0f,0.0f,0.0f,1.0f,

 

1.0f,1.0f,0.0f,1.0f,

1.0f,1.0f,0.0f,1.0f,

1.0f,1.0f,0.0f,1.0f,

1.0f,1.0f,0.0f,1.0f,

 

0.0f,0.0f,1.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

0.0f,0.0f,1.0f,1.0f,

 

1.0f,0.0f,1.0f,1.0f,

1.0f,0.0f,1.0f,1.0f,

1.0f,0.0f,1.0f,1.0f,

1.0f,0.0f,1.0f,1.0f,

 

};

 

private FloatBuffer mQuadColorBuffer;

不要晕，后面有了纹理就好了，不过这是基础，一定要掌握。

 

画图的代码来了

gl.glTranslatef(-1.5f, 0.0f, -6.0f);
gl.glRotatef(rtri, 0.0f, 1.0f, 0.0f);                  //绕Y轴旋转
//     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);

gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mTriangleBuffer);
gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 12);     //四棱锥有4个面，每个面3个点

gl.glLoadIdentity();
gl.glTranslatef(1.5f, 0.0f, -6.0f);
gl.glRotatef(rquad, 1.0f, 0.0f, 0.0f);

gl.glColorPointer(4, GL10.GL_FLOAT, 0, mQuadColorBuffer);
gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mQuadsBuffer);
//依次画6个面
for (int i=0; i<6; i++){
gl.glDrawArrays(GL10.GL_TRIANGLE_FAN, i*4, 4);
}

rtri+=0.2f;
rquad-=0.15f;

 

来源： [转载]Android OpenGL教程-第四课 – onicewalk的专栏 – 博客频道 – CSDN.NET

Android OpenGL 教程

第四课

旋转:

 

在这一课里，我将教会你如何旋转三角形和四边形。左图中的三角形沿Y轴旋转，四边形沿着X轴旋转。

我们增加两个变量来控制这两个对象的旋转。这两个变量加在程序的开始处其他变量的后面。它们是浮点类型的变量，使得我们能够非常精确地旋转对象。浮点数包含小数位置，这意味着我们无需使用1、2、3…的角度。你会发现浮点数是OpenGL编程的基础。新变量中叫做 rtri 的用来旋转三角形， rquad 旋转四边形。

private float rtri,rquad;

 

 

在OnDrawFrame里面增加代码如下：

gl.glRotatef(rtri, 0.0f, 1.0f, 0.0f);

三角形绕Y轴旋转；

gl.glRotatef(rquad, 1.0f, 0.0f, 0.0f);

四边形绕X轴旋转；

 

最后，增加旋转的角度

rtri+=0.2f;

rquad-=0.15f;

 

注：

一点测试代码

我们说了很久的顺时针，逆时针画图，到底有什么用呢

gl.glEnable(GL10.GL_CULL_FACE);

//设置openggl有剔除效果，就是看不到的面就不画，当然可以增加效率

gl.glFrontFace(GL10.GL_CCW);

//设置逆时针方向为正面

gl.glCullFace(GL10.GL_BACK);

//设置背面被剔除，不画

Cull就是剔除的意思

版权声明：本文为博主原创文章，未经博主允许不得转载。

来源： [转载]Android OpenGL教程-第三课 – onicewalk的专栏 – 博客频道 – CSDN.NET

Android OpenGL 教程

第三课 给多边形上色:

作为第二课的扩展，我将叫你如何使用颜色。你将理解两种着色模式，在左图中，三角形用的是光滑着色，四边形用的是平面着色。

 

这次增加的代码不算多。

增加一个color的buffer

view plaincopy

1. private float[] mColorArray={
2.            1f,0f,0f,1f,     //红
3.            0f,1f,0f,1f,     //绿
4.            0f,0f,1f,1f      //蓝
5.     };
6. private FloatBuffer mColorBuffer;
8. gl.glTranslatef(-1.5f, 0.0f, -6.0f);
9. //     gl.glColor4f(1f, 1f, 1f, 1f); 注释掉原来的三角形的红色
10. gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
11. gl.glEnableClientState(GL10.GL_COLOR_ARRAY);
12. //使用数组作为颜色
13. gl.glColorPointer(4, GL10.GL_FLOAT, 0, mColorBuffer);
14. //数组指向一个buffer
15. gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mTriangleBuffer);
16. gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

 

 

这样话出一个颜色渐变的三角形

 

画四边形加上这一句，就出来了蓝色的四边形

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

 

 

 

 

好了，我今天无意中看到了一个IPHONE的opengles教程，和我的很类似，所以学学openggl是必要的，上层的什么平台不重要，用什么语言不重要，底层的opengl的代码和API都是一样的。

 

版权声明：本文为博主原创文章，未经博主允许不得转载。

来源： [转载]Android OpenGL教程-第二课 – onicewalk的专栏 – 博客频道 – CSDN.NET

Android OpenGL 教程

第二课 你的第一个多边形:

在第一个教程的基础上，我们添加了一个三角形和一个四边形。也许你认为这很简单，但你已经迈出了一大步，要知道任何在OpenGL中绘制的模型都会被分解为这两种简单的图形。

读完了这一课，你会学到如何在空间放置模型，并且会知道深度缓存的概念。

 

其他类不变，只更改OpenGLRenderer类。

首先，我们画一个三角形

主要是在OnDrawFrame里面画，使用的函数是

gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

或者

gl.glDrawElements(GL10.GL_TRIANGLES,3,GL10.GL_FLOAT, mIndexBuffer);

我们先使用drawArray，drawElement里面要多用一个indexBuffer。

第一步，定义个array

 

view plaincopy

1. private float[] mTriangleArray = {
2.           0f,1f,0f,
3.           -1f,-1f,0f,
4.           1f,-1f,0f
5.    };

 

这里实际上是定义了三角形的三个顶点，三个数分别是x,y,z的坐标，和数学里直角坐标系相同

0f,1f,0f 是上顶点

-1f,-1f,0f 是左下顶点

1f,-1f,0f 是右下顶点

定义个FloatBuffer，这是Android画三角形必须的结构

private FloatBuffer mTriangleBuffer;

来一个函数转换array到Buffer

我们直接上一个工具类

view plaincopy

1. package com.xinli;
3. import java.nio.ByteBuffer;
4. import java.nio.ByteOrder;
5. import java.nio.FloatBuffer;
7. public class BufferUtil {
8.     public static FloatBuffer mBuffer;
9.     public static FloatBuffer floatToBuffer(float[] a){
10.     //先初始化buffer，数组的长度*4，因为一个float占4个字节
11.        ByteBuffer mbb = ByteBuffer.allocateDirect(a.length*4);
12.     //数组排序用nativeOrder
13.        mbb.order(ByteOrder.nativeOrder());
14.        mBuffer = mbb.asFloatBuffer();
15.        mBuffer.put(a);
16.        mBuffer.position(0);
17.        return mBuffer;
18.     }
19. }

 

注意：这里有个排序的问题，是使用大端（BIG_ENDIAN）还是用小端（LITTLE_ENDIAN），在android里面，opengl画图must use native order direct buffer,否则报错为ERROR/AndroidRuntime(6897): java.lang.IllegalArgumentException: Must use a native order direct Buffer这个错误在android1.6以上会出现，在1.5上不会出现。

这里我们直接使用allocateDirect和nativeOrder，就能满足android的要求

第二步：

在SurfaceCreate里面构建这个Buffer

mTriangleBuffer = BufferUtil.floatToBuffer(mTriangleArray);

第三步：

在OndrawFrame里面画三角形

gl.glColor4f(1.0f, 0.0f, 0.0f, 1.0f);

//三角形的颜色为红色，透明度为不透明

gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mTriangleBuffer);

//设置顶点，第一个参数是坐标的维数，这里是3维，第二个参数，表示buffer里面放的是float，第三个参数是0，是因为我们的坐标在数组中是紧凑的排列的，没有使用offset，最后的参数放的是存放顶点坐标的buffer

gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

//画数组，第一个参数表示画三角形，第二个参数是first，第三个参数是count，表示在buffer里面的坐标的开始和个数

运行，会看到一个大三角形

 

 

下面，我们来变换坐标轴，画个小三角形，原理就是把坐标轴向远拉，意思就是让镜头向后拉，这样三角形就小了。

第一步：

在OnSurfaceCreate里面加入下面几行代码

view plaincopy

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

 

这几行为透视图设置屏幕。意味着越远的东西看起来越小。这么做创建了一个现实外观的场景。此处透视按照基于窗口宽度和高度的45度视角来计算。0.1f，100.0f是我们在场景中所能绘制深度的起点和终点。

gl.glMatrixMode(GL10.GL_PROJECTION);指明接下来的两行代码将影响projection matrix(投影矩阵)。投影矩阵负责为我们的场景增加透视。 glLoadIdentity()近似于重置。它将所选的矩阵状态恢复成其原始状态。调用 glLoadIdentity()之后我们为场景设置透视图。

glMatrixMode(GL_MODELVIEW)指明任何新的变换将会影响 modelview matrix(模型观察矩阵)。模型观察矩阵中存放了我们的物体讯息。最后我们重置模型观察矩阵。如果您还不能理解这些术语的含义，请别着急。在以后的教程里，我会向大家解释。只要知道如果您想获得一个精彩的透视场景的话，必须这么做。

 

在OndrawFrame里面增加代码如下：

view plaincopy

1. gl.glMatrixMode(GL10.GL_MODELVIEW);
2. gl.glLoadIdentity();
4. gl.glTranslatef(-1.5f, 0.0f, -6.0f);

 

当您调用glLoadIdentity()之后，您实际上将当前点移到了屏幕中心，X坐标轴从左至右，Y坐标轴从下至上，Z坐标轴从里至外。OpenGL屏幕中心的坐标值是X和Y轴上的0.0f点。中心左面的坐标值是负值，右面是正值。移向屏幕顶端是正值，移向屏幕底端是负值。移入屏幕深处是负值，移出屏幕则是正值。

glTranslatef(x, y, z)沿着 X, Y 和 Z 轴移动。根据前面的次序，下面的代码沿着X轴左移1.5个单位，Y轴不动(0.0f)，最后移入屏幕6.0f个单位。注意在glTranslatef(x, y, z)中当您移动的时候，您并不是相对屏幕中心移动，而是相对与当前所在的屏幕位置。

这时候就能画出个小三角形了。

 

 

下面，我们来画一个四边形

四边形的顶点数组为：

view plaincopy

1. private float[] mQuadsArray = {
2.            1f,1f,0f,                           //右上
3.            -1f,1f,0f,                          //左上
4.            -1f,-1f,0f,                         //左下
5.            1f,-1f,0f                           //右下
6.     };
7. //从这里可以看出，我们按照逆时针的方向画图
8. private FloatBuffer mQuadsBuffer;

 

 

在OnDrawFrame里面添加代码

gl.glLoadIdentity();

//坐标向右移1.5个单位

gl.glTranslatef(1.5f, 0.0f, -6.0f);

gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mQuadsBuffer);

gl.glDrawArrays(GL10.GL_TRIANGLE_FAN, 0, 4);

//画四边形

 

第一个参数是绘图模式，而且你现在看到两种可能的OpenGL绘图方式。 我想花时间来讨论现在不同的绘图模式。

它们是：

GL_POINTS
GL_LINES
GL_LINE_LOOP
GL_LINE_STRIP
GL_TRIANGLES
GL_TRIANGLE_STRIP
GL_TRIANGLE_FAN

我们还没有讨论点或线，所以我只介绍最后的三个 。在我开始之前，我要提醒你，顶点数组可能包含不止一个三角形，以便当您只看到一个物体顶点数组，你要知道，不仅限于这一点。

GL_TRIANGLES – 这个参数意味着OpenGL使用三个顶点来组成图形。所以，在开始的三个顶点，将用顶点1，顶点2，顶点3来组成一个三角形。完成后，在用下一组的三个顶点来组成三角形，直到数组结束。

GL_TRIANGLE_STRIP – OpenGL的使用将最开始的两个顶点出发，然后遍历每个顶点，这些顶点将使用前2个顶点一起组成一个三角形。所以第三个点与第一个，第二个生成一个三角形。第四个点将于第二个，第三个生成三角形。

也就是说，0，1，2这三个点组成一个三角形，1，2，3这三个点也组成一个三角形。

GL_TRIANGLE_FAN – 在跳过开始的2个顶点，然后遍历每个顶点，让OpenGL将这些顶点于它们前一个，以及数组的第一个顶点一起组成一个三角形。 第3个点将与 第二个点（前一个）和第一个点（第一个）.生成一个三角形。

也就是说，同样是0，1，2，3这4个顶点。
在STRIP状态下是，0，1，2；1，2，3这2个三角形。
在FAN状态下是，0,1,2；0,2,3这2个三角形。

这次我们将使用 GL_TRIANGLE_FAN ，我们将在显示区域获得一个矩形。

 

 

 

版权声明：本文为博主原创文章，未经博主允许不得转载。

来源： [转载]Android OpenGL教程-第一课 – onicewalk的专栏 – 博客频道 – CSDN.NET

Android OpenGL 教程

第一课

快速的开始一个Android OpenGL项目

首先，读懂我们的教程，需要有Android的初步基础，我们这里只是通过android提供的SDK，来进行OpenGL的学习，所以你必须先学习如何建立一个android的项目，同时了解activity的生命周期和android下的屏幕或键盘响应机制。

好的，开始建立一个android的项目Lesson1，Activity的名字的名字我们叫Lesson

 

package com.xinli;

 

import android.app.Activity;

import android.os.Bundle;

import android.view.Window;

import android.view.WindowManager;

 

public class Lesson extends Activity {

private OpenGLView mOpenGLView;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//去标题栏

requestWindowFeature(Window.FEATURE_NO_TITLE);

//设置全屏

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

WindowManager.LayoutParams.FLAG_FULLSCREEN);

 

mOpenGLView = new OpenGLView(this);

setContentView(mOpenGLView);

}

}

 

我们在这里用了一个OpenGLView类，把这个类直接设为contentView。

package com.xinli;

 

import android.content.Context;

import android.opengl.GLSurfaceView;

 

public class OpenGLView extends GLSurfaceView {

private OpenGLRenderer mRenderer;

 

public OpenGLView(Context context) {

super(context);

mRenderer = new OpenGLRenderer();

setRenderer(mRenderer);

// TODO Auto-generated constructor stub

}

 

}

OpenGLView类继承自GLSurfaceView，这个类是android提供的用opengl画图的类。这里用了OpenGLRenderer类，Render是渲染的意思，真正画图的操作在这个类里面。

package com.xinli;

 

import javax.microedition.khronos.egl.EGLConfig;

import javax.microedition.khronos.opengles.GL10;

 

import android.opengl.GLSurfaceView.Renderer;

 

public class OpenGLRenderer implements Renderer {

 

@Override

public void onDrawFrame(GL10 gl) {

gl.glClear(GL10.GL_COLOR_BUFFER_BIT|GL10.GL_DEPTH_BUFFER_BIT);

gl.glLoadIdentity();

}

 

@Override

public void onSurfaceChanged(GL10 gl, int width, int height) {

// 设置输出屏幕大小

gl.glViewport(0, 0, width, height);

}

 

@Override

public void onSurfaceCreated(GL10 gl, EGLConfig config) {

// TODO Auto-generated method stub

gl.glShadeModel(GL10.GL_SMOOTH);

gl.glClearColor(0f, 0f, 0f, 0f);

gl.glClearDepthf(1.0f);

gl.glEnable(GL10.GL_DEPTH_TEST);

gl.glDepthFunc(GL10.GL_LEQUAL);

gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);

 

}

 

}

这个类实现了GLSurfaceView.Renderer接口，实现这个接口，需要实现3个方法：OnSurfaceCreated(),OnSurfaceChanged(),OnDrawFrame()。第一个方法在Surface创建的时候调用，我们一般在这里做一个初始化openggl的操作，第二个方法在Surface发生改变的时候调用，例如从竖屏切换到横屏的时候；第三个方法是画图方法，类似于View类的OnDraw（），一般所有的画图操作都在这里实现。

注：现在我们大多是在JAVA层操作，后来学习深入后，这里画图的一些操作大多需要很多的计算，我们可以用NDK在C++层进行。

我们看OnSurfaceCreate里面的代码，这里都是在做对OpengGL的初始化。

 

gl.glShadeModel(GL10.GL_SMOOTH);

启用smooth shading（阴影平滑）。阴影平滑通过多边形精细的混合色彩，并对外部光进行平滑，在以后的课程中会看到他的效果。

 

gl.glClearColor(0f, 0f, 0f, 0f);

设置清除屏幕时所用的颜色。如果您对色彩的工作原理不清楚的话，我快速解释一下。色彩值的范围从0.0f到1.0f。0.0f代表最黑的情况，1.0f就是最亮的情况。glClearColor 后的第一个参数是Red Intensity(红色分量),第二个是绿色，第三个是蓝色。最大值也是1.0f，代表特定颜色分量的最亮情况。最后一个参数是Alpha值。当它用来清除屏幕的时候，我们不用关心第四个数字。现在让它为0.0f。我会用另一个教程来解释这个参数。

通过混合三种原色(红、绿、蓝)，您可以得到不同的色彩。希望您在学校里学过这些。因此，当您使用glClearColor(0.0f,0.0f,1.0f,0.0f)，您将用亮蓝色来清除屏幕。如果您用 glClearColor(0.5f,0.0f,0.0f,0.0f)的话，您将使用中红色来清除屏幕。不是最亮(1.0f)，也不是最暗 (0.0f)。要得到白色背景，您应该将所有的颜色设成最亮(1.0f)。要黑色背景的话，您该将所有的颜色设为最暗(0.0f)。我们在这里设置屏幕为黑色。

 

gl.glClearDepthf(1.0f);

gl.glEnable(GL10.GL_DEPTH_TEST);

gl.glDepthFunc(GL10.GL_LEQUAL);

这三行是关于depth buffer(深度缓存)的。将深度缓存设想为屏幕后面的层。深度缓存不断的对物体进入屏幕内部有多深进行跟踪。我们本节的程序其实没有真正使用深度缓存，但几乎所有在屏幕上显示3D场景OpenGL程序都使用深度缓存。它的排序决定那个物体先画。这样您就不会将一个圆形后面的正方形画到圆形上来。深度缓存是OpenGL十分重要的部分。

gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);

这里告诉OpenGL我们希望进行最好的透视修正。这会十分轻微的影响性能。但使得透视图看起来好一点。

 

在OnDrawFrame

gl.glClear(GL10.GL_COLOR_BUFFER_BIT|GL10.GL_DEPTH_BUFFER_BIT);

清除屏幕和深度缓存。

gl.glLoadIdentity();

重置当前的模型观察矩阵。

 

本课的效果只是生成了一个黑色的屏幕，很多代码并没有发生应有的效果，后面的课程中，我们会使用到这些代码，到时候大家就能看到这些代码所产生的效果。

 

 

附：

1. 我们来改变背景的颜色

将gl.glClearColor(1.0f, 0.0f, 0.0f, 0.0f);从SurfaceCreate放到OnDrawFrame里面，这里设置为红色了，运行下看看，是不是背景成红色了。

2. 加上点击屏幕来改变背景的颜色

第一步，在render里面加3个float

private float cr,cg,cb;

第二步，加个设置r，g，b的函数

public void setColor(float r,float g,float b){

cr = r;

cg = g;

cb = b;

}

第三步在glclearColor里面用cr,cg,cb来设置颜色。

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

第四步，在view里面override onTouchEvent函数，在这里响应点击屏幕的事件。

@Override

public boolean onTouchEvent(final MotionEvent event) {

queueEvent(new Runnable(){

 

@Override

public void run() {

mRenderer.setColor(event.getX()/getWidth(), event.getY()/getHeight(), 1.0f);

}

 

});

 

return super.onTouchEvent(event);

}

 

至于这里为什么用final，大家去网上查查，刚好也复习一下内部类调用参数，需要final这个知识点。

版权声明：本文为博主原创文章，未经博主允许不得转载。

昨天，帮助别人写了一个程序，读取obj文件中的3D模型，就学习了下使用OpenGL如何读取这种文件。

Obj文件格式

想要顺利读取obj模型文件，先要了解这种文件的格式，OBJ文件格式是非常简单的。这种文件以纯文本的形式存储了模型的顶点、法线和纹理坐标和材质使用信息。OBJ文件的每一行，都有极其相似的格式。在OBJ文件中，每行的格式如下：

前缀 参数1 参数2 参数3 ...

其中，前缀标识了这一行所存储的信息类型。参数则是具体的数据。OBJ文件常见的的前缀有

• v 表示本行指定一个顶点。 前缀后跟着3个单精度浮点数，分别表示该定点的X、Y、Z坐标值
• vt 表示本行指定一个纹理坐标。此前缀后跟着两个单精度浮点数。分别表示此纹理坐标的U、V值
• vn 表示本行指定一个法线向量。此前缀后跟着3个单精度浮点数，分别表示该法向量的X、Y、Z坐标值
• f 表示本行指定一个表面(Face)。一个表面实际上就是一个三角形图元。此前缀行的参数格式后面将详细介绍。
• usemtl 此前缀后只跟着一个参数。该参数指定了从此行之后到下一个以usemtl开头的行之间的所有表面所使用的材质名称。该材质可以在此OBJ文件所附属的MTL文件中找到具体信息。
• mtllib 此前缀后只跟着一个参数。该参数指定了此OBJ文件所使用的材质库文件(*.mtl)的文件路径

现 在，我们再来看一下OBJ文件的结构。在一个OBJ文件中，首先有一些以v、vt或vn前缀开头的行指定了所有的顶点、纹理坐标、法线的坐标。然后再由一 些以f开头的行指定每一个三角形所对应的顶点、纹理坐标和法线的索引。在顶点、纹理坐标和法线的索引之间，使用符号“/”隔开的。一个f行可以以下面几种 格式出现：

• f  1  2  3 这样的行表示以第1、2、3号顶点组成一个三角形。
• f  1/3  2/5  3/4 这样的行表示以第1、2、3号顶点组成一个三角形，其中第一个顶点的纹理坐标的索引值为3，第二个顶点的纹理坐标的索引值为5，第三个顶点的纹理坐标的索引值为4。
• f  1/3/4  2/5/6  3/4/2 这样的行表示以第1、2、3号顶点组成一个三角形，其中第一个顶点的纹理坐标的索引值为3，其法线的索引值是4；第二个顶点的纹理坐标的索引值为5，其法 线的索引值是6；第三个顶点的纹理坐标的索引值为6，其法线的索引值是2。
• f  1//4  2//6  3//2这样的行表示以第1、2、3号顶点组成一个三角形，且忽略纹理坐标。其中第一个顶点的法线的索引值是4；第二个顶点的法线的索引值是6；第三个顶点的法线的索引值是2。

值得注意的是文件中的索引值是以1作为起点的，这一点与C语言中以0作为起点有很大的不同。在渲染的时候应注意将从文件中读取的坐标值减去1。

obj文件在OpenGL中的读取

我拿到的Obj文件，内容如下：

# Max2Obj Version 4.0 Mar 10th, 2001 # # object Line01 to come … # v -9.574153 -2.220963 -2.000000 v -7.893424 -2.280989 -2.000000 …省略若干相同格式的行 v -7.195892 -1.380599 -0.980160 v -9.580536 -1.320573 -1.967912 # 160 vertices vn -0.071382 -1.998675 0.014198 vn -0.035691 -0.999338 0.007099 …同样省略若干相同格式的行 vn -0.825224 1.736366 -0.551397 vn 0.039418 1.999438 0.026341 # 160 vertex normals g Line01 s 1 f 1//1 12//12 2//2 f 1//1 11//11 12//12 s 4 f 2//2 13//13 3//3 f 2//2 12//12 13//13 …同样的省略若干相同格式的行 s 4 f 160//160 1//1 151//151 f 160//160 10//10 1//1 # 320 faces g

前面带有’#’的行是注释行，这个文件中包含的前缀有：v，表示顶点；vn，表示法线；g，表示组，行 “g Line01” 和行 “g” 之前的所有行表示一个名为”Line01″的组；f，表示一个面；s，表示光滑组。

由于文件中只出现顶点和法线数据，每个面存储顶点和法线索引，所以我们要声明如下几个全局函数：

int v_num=0; //记录点的数量 

int vn_num=0;//记录法线的数量

 int f_num=0; //记录面的数量 

GLfloat **vArr; //存放点的二维数组

 GLfloat **vnArr;//存放法线的二维数组 

int **fvArr; //存放面顶点的二维数组

 int **fnArr; //存放面法线的二维数组

string s1; GLfloat f2,f3,f4;

为了给存放顶点法线等二维数组分配存储空间，需要知道顶点和法线等的数量，使用下面的函数计算点、法线、面的数量：

int readfile(string addrstr) //将文件内容读到数组中去 

{ 

vArr=new GLfloat*[v_num];

for (int i=0;i<v_num;i++) 

{  

vArr[i]=new GLfloat[3]; 

} 

vnArr=new GLfloat*[vn_num];

for (i=0;i<vn_num;i++) 

{ vnArr[i]=new GLfloat[3]; } 

fvArr=new int*[f_num];

fnArr=new int*[f_num]; 

for (i=0;i<f_num;i++)

{  

fvArr[i]=new int[3]; 

fnArr[i]=new int[3];

} 

ifstream infile(addrstr.c_str()); 

string sline;//每一行

int ii=0,jj=0,kk=0;  

while(getline(infile,sline)) 

{ if(sline[0]==’v’) 

{ if(sline[1]==’n’)//vn 

{ istringstream sin(sline);  

sin>>s1>>f2>>f3>>f4;  

vnArr[ii][0]=f2;  

vnArr[ii][1]=f3;  

vnArr[ii][2]=f4; ii++; 

}  

else//v 

{  

istringstream sin(sline);

sin>>s1>>f2>>f3>>f4;  

vArr[jj][0]=f2;  

vArr[jj][1]=f3;  

vArr[jj][2]=f4; jj++;  

} 

} 

if (sline[0]==’f’) //读取面

{ istringstream in(sline);  

GLfloat a;  

in>>s1;//去掉前缀f  

int i,k;  

for(i=0;i<3;i++)  

{ in>>s1; cout<<s1<<endl; //取得顶点索引和法线索引  

a=0; for(k=0;s1[k]!=’/’;k++)  

{ a=a*10+(s1[k]-48); }  

fvArr[kk][i]=a; a=0;  

for(k=k+2;s1[k];k++)  

{ a=a*10+(s1[k]-48);;  

} fnArr[kk][i]=a;  

} kk++; 

} 

} return 0; 

}

然后在绘制之前，初始化时，调用这两个函数读取模型即可：

getLineNum("wan.obj"); readfile("wan.obj");

相应的绘制代码:

for (int i=0;i<f_num;i++) 

{ glPolygonMode(GL_FRONT_AND_BACK, GL_FILL); 

glBegin(GL_TRIANGLES); 

glNormal3f(vnArr[fnArr[i][0]-1][0], vnArr[fnArr[i][0]-1][1],  vnArr[fnArr[i][0]-1][2]);

glVertex3f(vArr[fvArr[i][0]-1][0], vArr[fvArr[i][0]-1][1],  vArr[fvArr[i][0]-1][2]);  

glNormal3f(vnArr[fnArr[i][1]-1][0], vnArr[fnArr[i][1]-1][1],  vnArr[fnArr[i][1]-1][2]); 

glVertex3f(vArr[fvArr[i][1]-1][0], vArr[fvArr[i][1]-1][1],  vArr[fvArr[i][1]-1][2]); 

glNormal3f(vnArr[fnArr[i][2]-1][0], vnArr[fnArr[i][2]-1][1],  vnArr[fnArr[i][2]-1][2]); 

glVertex3f(vArr[fvArr[i][2]-1][0], vArr[fvArr[i][2]-1][1],  vArr[fvArr[i][2]-1][2]);  

glEnd();

}

这样就完成了绘制，上面的代码仅仅针对我的wan.obj这个文件，对于想读取其他的obj文件，相应的分配一个存储空间，读取相应的数据，然后在绘制时使用这些数据就行了。

******************************

来源： [转载]大分享-hibernate,springmvc,easyui简要介绍 – Rick-Bao – 博客园

项目发现ECmobile的应用首页的特价区只显示1个商品和分类区只显示2个商品，需要按要求显示

于是查找了接口文件/Controller/Home/Data.php

发现代码   function gz_get_promote_goods($cats = ”)中的如下代码

/* 取得促销lbi的数量限制 */
$num = get_library_number(“recommend_promotion”);

那么recommend_promotion在哪设置的？

于是又去找函数位置get_library_number（）在哪

发现在\includes\lib_main.php中

代码如下：

/**
* 取得某模板某库设置的数量
* @param   string      $template   模板名，如index
* @param   string      $library    库名，如recommend_best
* @param   int         $def_num    默认数量：如果没有设置模板，显示的数量
* @return  int         数量
*/
function get_library_number($library, $template = null)
{
global $page_libs;

if (empty($template))
{
$template = basename(PHP_SELF);
$template = substr($template, 0, strrpos($template, '.'));
}
$template = addslashes($template);

static $lib_list = array();

/* 如果没有该模板的信息，取得该模板的信息 */
if (!isset($lib_list[$template]))
{
$lib_list[$template] = array();
$sql = "SELECT library, number FROM " . $GLOBALS['ecs']->table('template') .
" WHERE theme = '" . $GLOBALS['_CFG']['template'] . "'" .
" AND filename = '$template' AND remarks='' ";
$res = $GLOBALS['db']->query($sql);
while ($row = $GLOBALS['db']->fetchRow($res))
{
$lib = basename(strtolower(substr($row['library'], 0, strpos($row['library'], '.'))));
$lib_list[$template][$lib] = $row['number'];
}
}

$num = 0;
if (isset($lib_list[$template][$library]))
{
$num = intval($lib_list[$template][$library]);
}
else
{
/* 模板设置文件查找默认值 */
include_once(ROOT_PATH . ADMIN_PATH . '/includes/lib_template.php');
static $static_page_libs = null;
if ($static_page_libs == null)
{
$static_page_libs = $page_libs;
}
$lib = '/library/' . $library . '.lbi';

$num = isset($static_page_libs[$template][$lib]) ? $static_page_libs[$template][$lib] :  3;
}

return $num;
}

发现，它是在ecs_template中设置的，那么就简单了，就到数据库查询设置的显示数量，修改了即可了，开源没有文档真的很坑爹，

本质

每帧绘制不同的内容。

 

基本过程

开始动画后，调用View的invalidate触发重绘。重绘后检查动画是否停止，若未停止则继续调用invalidate触发下一帧（下一次重绘），直到动画结束。

重绘时View的draw方法会被调用，根据动画的进行绘制不同的内容，如某个被绘制元素的大小变化、角度旋转、透明度变化等，这样即会产生动画。

动画的推进过程一般都会有一个变化量，这个变量会被用到draw方法内元素的绘制。一般的变量都是时间，也可以是手指移动、传感器等任何其他的变量。

 

Android中的动画支持

Animation：早期实现的让View整体做动画的类。能让View做Matrix（移动、缩放、旋转、3D旋转）和Alpha（透明）的动画。

Animator：有硬件加速后为做动画实现的类。能方便的让View整体做动画；也可以只产生随时间变化的变量，用来在onDraw里做绘图级的动画。比Animation灵活很多。

AnimationDrawable：图片逐帧动画。主要用来播放提前制作好的动画。

 

在哪个级别做动画

让整个View做动画（比如整个View平移、旋转等）很简单方便，一般调用几行代码就行。我把它称作View级的动画。

在View的draw/onDraw里通过Canvas来绘制时做动画更灵活，更精细，能力更强大。我把它称作绘图级的动画。（View级的动画本质上也是这么做的，只是Android系统帮我们做了大部分工作）

 

绘图级的动画

这篇文章主要讲绘图级的动画。

下面来一段绘图级动画的典型实现：

<div class="container" title="Hint: double-click to select code">
<div class="line number1 index0 alt2"><code class="java keyword">class</code> <code class="java plain">MyView </code><code class="java keyword">extends</code> <code class="java plain">View {</code></div>
<div class="line number2 index1 alt1"><code class="java spaces">    </code><code class="java keyword">void</code> <code class="java plain">startAnimator() {</code></div>
<div class="line number3 index2 alt2"><code class="java spaces">        </code><code class="java plain">ValueAnimator animator = ValueAnimator.ofFloat(1f, 0f);</code></div>
<div class="line number4 index3 alt1"><code class="java spaces">        </code><code class="java plain">animator.start();</code></div>
<div class="line number5 index4 alt2"><code class="java spaces">        </code><code class="java plain">invalidate();</code></div>
<div class="line number6 index5 alt1"><code class="java spaces">    </code><code class="java plain">}</code></div>
<div class="line number7 index6 alt2"><code class="java spaces">    </code><code class="java keyword">protected</code> <code class="java keyword">void</code> <code class="java plain">onDraw(Canvas canvas) {</code></div>
<div class="line number8 index7 alt1"><code class="java spaces">        </code><code class="java keyword">if</code> <code class="java plain">(animator.isRunning()) {</code></div>
<div class="line number9 index8 alt2"><code class="java spaces">            </code><code class="java keyword">float</code> <code class="java plain">ratio = (Float)animator.getAnimatedValue();</code></div>
<div class="line number10 index9 alt1"><code class="java spaces">            </code><code class="java plain">canvas.rotate(ratio*</code><code class="java value">360</code><code class="java plain">);</code></div>
<div class="line number11 index10 alt2"><code class="java spaces">            </code><code class="java plain">canvas.drawBitmap(bitmap, </code><code class="java value">0</code><code class="java plain">, </code><code class="java value">0</code><code class="java plain">, </code><code class="java keyword">null</code><code class="java plain">);</code></div>
<div class="line number12 index11 alt1"></div>
<div class="line number13 index12 alt2"><code class="java spaces">            </code><code class="java plain">invalidate();</code></div>
<div class="line number14 index13 alt1"><code class="java spaces">        </code><code class="java plain">}</code></div>
<div class="line number15 index14 alt2"><code class="java spaces">        </code><code class="java plain">...</code></div>
<div class="line number16 index15 alt1"><code class="java spaces">    </code><code class="java plain">}</code></div>
<div class="line number17 index16 alt2"><code class="java plain">}</code></div>
<div class="line number17 index16 alt2">