Android OpenGL实战二——颜色和旋转

经过OpenGl实战一，已经熟悉了OpenGL开发框架的搭建，到目前为止都是比较简单的，我们已经实现了画出三角形和四边形，在OpenGl中绘制的任何模型都会被分解为三角形和四边形两种简单的图形，但是只有图形是不生动的，所以在三角形和多边形的基础上我们着色，并加上简单的旋转动作！

一、颜色

平滑着色Smooth coloring

单调着色Flat coloring

两者的区别在于：平滑着色指定每个顶点颜色，平滑过渡，单调着色相当于填充颜色（单色）

使用起来都很简单，但还是有区别的：

平滑着色：

private int one = 0x10000;
/**
* 三角形的顶点颜色值
* 参数：
* 1、红色分量
* 2、绿色分量
* 3、蓝色分量
* 4、alpha值
*/
private IntBuffer colorBuffer=IntBuffer.wrap(new int[]{
one,0,0,one,
0,one,0,one,
0,0,one,one,
});

上面是定义顶点颜色，着色前需要开启颜色渲染功能，着色后要关闭颜色渲染功能，具体代码如下：

//开启色彩渲染功能
gl.glEnableClientState(GL10.GL_COLOR_ARRAY);
//设置三角形颜色
gl.glColorPointer(4, GL10.GL_FIXED, 0, colorBuffer);
/**
* 绘制顶点
* 参数：
* 1、绘制的模式----我们使用GL_TRIANGLES来表示绘制三角形
* 2、开始位置
* 3、要绘制的顶点计数
*/
gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

//关闭色彩渲染功能
gl.glDisableClientState(GL10.GL_COLOR_ARRAY);

这里要注意绘制的操作一定要放到设置颜色的后面，否则没效果

单调着色：

这个比较简单，不需要开启和关闭渲染功能

//设置四边形颜色-单调着色
gl.glColor4f(0.5f, 0.5f, 1.0f, 1.0f);

参数和平滑着色一样

二、旋转

旋转也很简单，首先定义旋转角度的float变量

private float rotateTri;

然后调用旋转的方法：

/**
* 旋转三角形
* 参数：
* 1、旋转角度
* 234是x、y、z共同决定旋转轴方向的参数
* 例如:1,0,0 表示经过x坐标的一个单位向右旋转
*      -1,0,0 表示.................向左旋转
*/
gl.glRotatef(rotateTri, 0.0f, 1.0f, 0.0f);

就这一行，就可以旋转了，还是比较好理解的，为了让物体能够不停的旋转，可以在onDrawFrame方法中改变角度常量rotateTri+=0.5f;

简单的着色和旋转就实现了，下面我贴出全部代码，共同学习！

package com.zjc.test;
import java.nio.IntBuffer;
import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;
import android.opengl.GLSurfaceView.Renderer;
public class GLReader implements Renderer{
private int one = 0x10000;
//三角形的三个顶点
private IntBuffer triggerBuffer=IntBuffer.wrap(new int[]{
0,one,0,		//上顶点
-one,-one,0,	//做顶点
one,-one,0		//右顶点
});
//定义三角形和四边形的旋转变量
private float rotateTri,rotateQuad;
/**
* 三角形的顶点颜色值
* 参数：
* 1、红色分量
* 2、绿色分量
* 3、蓝色分量
* 4、alpha值
*/
private IntBuffer colorBuffer=IntBuffer.wrap(new int[]{
one,0,0,one,
0,one,0,one,
0,0,one,one,
});
//四边形的四个顶点
private IntBuffer quaterBuffer = IntBuffer.wrap(new int[]{
one,one,0,
-one,one,0,
one,-one,0,
-one,-one,0});
/**
* 所有绘图的工作放到此方法里
*/
@Override
public void onDrawFrame(GL10 gl) {
//清除屏幕和深度缓存
gl.glClear(GL10.GL_COLOR_BUFFER_BIT|GL10.GL_DEPTH_BUFFER_BIT );
//重置当前的模型观察矩阵
gl.glLoadIdentity();

// 左移 1.5 单位，并移入屏幕 6.0
gl.glTranslatef(-1.5f, 0.0f, -6.0f);
//开启顶点设置功能
gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
/**
* 旋转三角形
* 参数：
* 1、旋转角度
* 234是x、y、z共同决定旋转轴方向的参数
* 例如:1,0,0 表示经过x坐标的一个单位向右旋转
*      -1,0,0 表示.................向左旋转
*/
gl.glRotatef(rotateTri, 0.0f, 1.0f, 0.0f);
/**
* 设置顶点数据
* 参数：
* 1、顶点尺寸----这里使用的是xyz坐标系，所以是3
* 2、顶点类型----这里是固定的，所以用GL_FIXED
* 3、步长
* 4、顶点缓存----即顶点数组
*/
gl.glVertexPointer(3,GL10.GL_FIXED, 0, triggerBuffer);

//开启色彩渲染功能
gl.glEnableClientState(GL10.GL_COLOR_ARRAY);
//设置三角形颜色
gl.glColorPointer(4, GL10.GL_FIXED, 0, colorBuffer);
/**
* 绘制顶点
* 参数：
* 1、绘制的模式----我们使用GL_TRIANGLES来表示绘制三角形
* 2、开始位置
* 3、要绘制的顶点计数
*/
gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);

//关闭色彩渲染功能
gl.glDisableClientState(GL10.GL_COLOR_ARRAY);
//重置当前的模型观察矩阵
gl.glLoadIdentity();

//右移1.5，进入6.0
gl.glTranslatef(1.5f, 0.0f, -6.0f);
//设置四边形顶点数据
gl.glVertexPointer(3, GL10.GL_FIXED, 0, quaterBuffer);
//设置四边形颜色-单调着色
gl.glColor4f(0.5f, 0.5f, 1.0f, 1.0f);
//旋转四边形
gl.glRotatef(rotateQuad, 1.0f, 0.0f, 0.0f);
//绘制顶点（注意参数一不同）
gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);

//取消顶点设置
gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
//改变旋转角度
rotateTri+=0.5;
rotateQuad-=0.5;

}
/**
* 当窗口大小发生改变是调用此方法
* 不管窗口大小是否已经改变，此方法至少执行一次
* 所以在此方法中设置OpenGL场景的大小
*/
@Override
public void onSurfaceChanged(GL10 gl, int width, int height) {
float ratio = (float) width / height;
//设置OpenGL场景大小为屏幕大小
gl.glViewport(0, 0, width, height);

/*为屏幕设置透视图*/

//设置投影矩阵
gl.glMatrixMode(GL10.GL_PROJECTION);
//重置投影矩阵
gl.glLoadIdentity();
//设置视口大小
gl.glFrustumf(-ratio, ratio, -1, 1, 1, 10);

// 选择模型观察矩阵
gl.glMatrixMode(GL10.GL_MODELVIEW);

// 重置模型观察矩阵
gl.glLoadIdentity();
}
/**
* 窗口创建时调用此方法
* 此方法内做初始化的操作
*/
@Override
public void onSurfaceCreated(GL10 gl, EGLConfig config) {
//对透视进行修正
gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_FASTEST);
//背景：黑色
gl.glClearColor(0, 0, 0, 0);
//启动阴影平滑
gl.glShadeModel(GL10.GL_SMOOTH);

//设置深度缓存
gl.glClearDepthf(1.0f);
//启用深度测试
gl.glEnable(GL10.GL_DEPTH_TEST);
//所做深度测试的类型
gl.glDepthFunc(GL10.GL_LEQUAL);
}
}