Android开发学习10Android OpenGL ES 画多边形

一、基础知识:

 


OpenGL ES目前只支持三角形,但任何多边形都可拆分成多个三角形,所以无所谓这个限制的存在。

 


1.OpenGL中的坐标点:

每一个坐标点由(X, Y, Z)组成。

定义一个三角形的顶点数组:


[java]
int one = 0x10000; 
 
//三角形三个顶点  
private IntBuffer triggerBuffer = IntBuffer.wrap(new int[]{ 
    0,one,0,        //上顶点  
    -one,-one,0,    //左下点  
    one,-one,0,});  //右下点 

  int one = 0x10000;
 
  //三角形三个顶点
  private IntBuffer triggerBuffer = IntBuffer.wrap(new int[]{
   0,one,0,  //上顶点
   -one,-one,0,    //左下点
   one,-one,0,});  //右下点定义一个正方形的顶点数组:


[java]
//正方形的4个顶点  
private IntBuffer quaterBuffer = IntBuffer.wrap(new int[]{ 
        one,one,0, 
        -one,one,0, 
        one,-one,0, 
        -one,-one,0}); 

  //正方形的4个顶点
  private IntBuffer quaterBuffer = IntBuffer.wrap(new int[]{
    one,one,0,
    -one,one,0,
    one,-one,0,
    -one,-one,0});

 

 

 

 

2.OpenGL中的坐标系:


当调用gl.glLoadIdentity()函数之后,实际上是将当前点移动到了屏幕中心,

X坐标轴从左至右,Y坐标轴从下至上,Z坐标轴从里至外。

OpenGL屏幕中心的坐标值是X轴和Y轴的0.0f点。

中心左边的坐标值是负值,右边是正值;


移向屏幕顶端是正值,移向屏幕底端是负值;


移入屏幕深处是负值,移出屏幕则是正值。


在绘制时,我们可以使用glTranslatef函数来移动画笔的位置,从而使图形显示在我们
想要的位置。


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

gl.glTranslatef(-1.5f, 0.0f, -6.0f);此函数,就是将画笔沿X轴左移1.5f个单位,Y轴保持不变,Z轴向屏幕里面移动6.0f个单位。
将视图推入屏幕背后足够的距离以便可以看见全部的场景,这里需要注意的是屏幕内移动的单位
必须小于我们前面通过glFrustumf方法设置的最远距离,否则超出视角范围,将显示不出来。

 

 

 


3.OpenGL中的顶点数组:

在实际画图时,我们往往需要定位几个点,然后让OpenGL以此为基准来画图。在设置顶点位置前,
我们需要按照以下步骤来启用我们的顶点数组:

①开启顶点设置动能:


[java]
gl.glEnableClientState(GL10.GL_VERTEX_ARRAY); 

gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);②设置顶点数组:
[java] view plaincopyprint?gl.glVertexPointer(3, GL10.GL_FIXED, 0, triggerBuffer); 

gl.glVertexPointer(3, GL10.GL_FIXED, 0, triggerBuffer);glVertexPointer(int size, int type, int stride, Buffer pointer)
size用于描述顶点的尺寸(本例使用XYZ,所以是3),type描述顶点的类型,固定的使用
GL_FIXED,stride描述步长,pointer指向顶点缓存,即我们创建的顶点数组。

③绘制顶点:


[java]
gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);   //绘制三角形  
gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);  //绘制四边形 

gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3); //绘制三角形
gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); //绘制四边形glDrawArrays(int mode, int first, int count)
mode指明绘制的模式,first和count分别是开始的位置和要绘制的顶点计数。

 

 

 

 

 

4、实例:   画一个三角形和正方形。


根据我们上一节的框架分析,目前,我们只需将精力集中在onDrawFrame方法里面的绘图操作部分了。

 


1. 界面编辑(res\layout\main.xml):

 

[java]
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
<TextView   
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    android:text="@string/hello" 
    /> 
</LinearLayout> 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
</LinearLayout>

2.代码编辑


(\src\wyf\zcl\MyActivity.java):

 

[java]
package wyf.zcl; 
 
import android.app.Activity; 
import android.opengl.GLSurfaceView; 
import android.opengl.GLSurfaceView.Renderer; 
import android.os.Bundle; 
 
public class Activity01 extends Activity 

    Renderer render = new GLRender(); 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) 
    { 
        super.onCreate(savedInstanceState); 
         
        GLSurfaceView glView = new GLSurfaceView(this); 
         
        glView.setRenderer(render); 
        setContentView(glView); 
    } 

package wyf.zcl;

import android.app.Activity;
import android.opengl.GLSurfaceView;
import android.opengl.GLSurfaceView.Renderer;
import android.os.Bundle;

public class Activity01 extends Activity
{
 Renderer render = new GLRender();
 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState)
 {
  super.onCreate(savedInstanceState);
  
  GLSurfaceView glView = new GLSurfaceView(this);
  
  glView.setRenderer(render);
  setContentView(glView);
 }
}


(\src\wyf\zcl\GLRender.java):


[java]
package wyf.zcl; 
 
import java.nio.IntBuffer; 
 
import javax.microedition.khronos.egl.EGLConfig; 
import javax.microedition.khronos.opengles.GL10; 
 
import android.opengl.GLSurfaceView.Renderer; 
 
public class GLRender implements Renderer 

     int one = 0x10000; 
     
     //三角形三个顶点  
     private IntBuffer triggerBuffer = IntBuffer.wrap(new int[]{ 
            0,one,0,        //上顶点  
            -one,-one,0,    //左下点  
            one,-one,0,});  //右下点  
     //正方形的4个顶点  
     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); 
        // 设置三角形  
        gl.glVertexPointer(3, GL10.GL_FIXED, 0, triggerBuffer); 
        //绘制三角形  
        gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3); 
         
        // 重置当前的模型观察矩阵  
        gl.glLoadIdentity(); 
        // 左移 1.5 单位,并移入屏幕 6.0  
        gl.glTranslatef(1.5f, 0.0f, -6.0f); 
        //设置和绘制正方形  
        gl.glVertexPointer(3, GL10.GL_FIXED, 0, quaterBuffer); 
        gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4); 
 
        // 取消顶点设置  
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY); 
         
    } 
 
    @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.glShadeModel(GL10.GL_SMOOTH); 
         
        // 黑色背景  
        gl.glClearColor(0, 0, 0, 0); 
         
        // 设置深度缓存  
        gl.glClearDepthf(1.0f);                          
        // 启用深度测试  
        gl.glEnable(GL10.GL_DEPTH_TEST);                         
        // 所作深度测试的类型  
        gl.glDepthFunc(GL10.GL_LEQUAL);                          
         
        // 告诉系统对透视进行修正  
        gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_FASTEST); 
    } 
 

package wyf.zcl;

import java.nio.IntBuffer;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

import android.opengl.GLSurfaceView.Renderer;

public class GLRender implements Renderer
{
  int one = 0x10000;
 
  //三角形三个顶点
  private IntBuffer triggerBuffer = IntBuffer.wrap(new int[]{
   0,one,0,  //上顶点
   -one,-one,0,    //左下点
   one,-one,0,});  //右下点
  //正方形的4个顶点
  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);
  // 设置三角形
  gl.glVertexPointer(3, GL10.GL_FIXED, 0, triggerBuffer);
  //绘制三角形
  gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3);
  
  // 重置当前的模型观察矩阵
     gl.glLoadIdentity();
     // 左移 1.5 单位,并移入屏幕 6.0
     gl.glTranslatef(1.5f, 0.0f, -6.0f);
     //设置和绘制正方形
     gl.glVertexPointer(3, GL10.GL_FIXED, 0, quaterBuffer);
     gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);

     // 取消顶点设置
     gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
    
 }

 @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.glShadeModel(GL10.GL_SMOOTH);
  
  // 黑色背景
  gl.glClearColor(0, 0, 0, 0);
  
  // 设置深度缓存
  gl.glClearDepthf(1.0f);       
  // 启用深度测试
  gl.glEnable(GL10.GL_DEPTH_TEST);      
  // 所作深度测试的类型
  gl.glDepthFunc(GL10.GL_LEQUAL);       
  
  // 告诉系统对透视进行修正
  gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_FASTEST);
 }

}

3.运行效果:

Android开发学习10Android OpenGL ES 画多边形
 
 

 

 

 

 

 

 

 

 

更多相关文章
  • 使用 Windows 集成安全性访问 SQL Server 如果您的应用程序运行在基于 Windows 的 Intranet 上,则也许可以将 Windows 集成身份验证用于数据库访问.集成安全性使用在操作系统线程上建立的当前 Windows 标识来访问 SQL Server 数据库.然后,您可以 ...
  • 易网科技讯 1月12日消息,德国慕尼黑地方法院于2014年1月9日,判决驳回Nokia控告HTC侵害Nokia欧洲第0804046号专利,HTC对此判决感到欣慰.
  • 用手机上网看一部1个半小时的电影要花多少钱?按时间算,很容易算得出,但按流量算,恐怕是一笔糊涂账.今年年初,中国电信一反其它运营商手机上网按流量收费的常规,首次推出按时长计费,这被认为是国内最"透明"的3G资费,受到业内一致推崇.然而,时隔半年多,中国电信却退回按流量计费的老路上 ...
  • 文/小谦2013年互联网教育行业规模仅为1亿元,占比教育产业不到10%.相关机构预测2015年在线教育市场规模有望达到1745亿元.拥有万亿规模前景的在线教育,近几年吸引着大量的创业者和巨头加入,也让整个行业变得五彩纷呈.近日,易网旗下易网云课堂宣布引入包括从大一到大四四个学年的全套计算机课程,以M ...
  • 关于书 “不知道ppk的网站QuirksMode,说明你可能还没有真正成为资深的JavaScript程序员.” ——Roger Johansson,瑞典资深Web专家. ppk是世界级前端技术专家,Web标准的布道者,在<ppk on JavaScript>中,他向读者介绍了JavaSc ...
  • 如今,Web应用程序的响应速度是成功的关键法宝之一.它与用户互动,用户对网站的看法,甚至谷歌网站排名情况都有着密不可分的关系.数据库性能是响应速度最重要的因素之一,一旦出错,所有程序都将会宕机. 工欲善其事,必先利其器.几乎每一个Web开发人员都有一个最钟爱的MySQL管理工具,它帮助开发人员在许多 ...
一周排行
  • 每年生日都没想过愿望的样子,想着大学四年,也挂过科了,也拿过奖了,也当过干部了,也认真学习过了,也找到女朋友了,也认识一群魂淡了,也单人单车骑行300公里了,最向往的创业生涯也开始了,想一想,貌似就还两件事没做到.一 ...
  • 一.引言 在实际的开发过程中,由于应用环境的变化(例如使用语言的变化),我们需要的实现在新的环境中没有现存对象可以满足,但是其他环境却存在这样现存的对象.那么如果将“将现存的对象”在新的环境中进行调用呢?解决这个问题 ...
  • FB块可被OB1调用多次,功能的所有形参和静态数据都存储在一个单独的.被指定给该功能块的数据块(DB)中,该数据块被称为背景数据块.当调用FB时,该背景数据块会自动打开,实际参数的值被存储在背景数据块中:当块退出时, ...
  • 转载自:http://blog.sina.com.cn/s/blog_6575fd510101bw13.html
  • 出现这个错误的主要原因是,gcc和g++ 版本不兼容 apt-get install gcc-4.4 apt-get install g++-4.4 update-alternatives --install /us ...
  • 上回说到有个nico-one的文档主题模板, https://github.com/lepture/nico-one 把他可以下载了, 放到 C:\Documents and Settings\Administrat ...
  • 第一步,我们新建一个my.html文件,填写内容如下,这个html文件直到最后都不用动了,它就是这些内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...
  • 在今天在移动 App 界面设计中,你可以看到不同创意类型的视觉效果.特别是在 Dribbble 上面,有有很多移动应用程序的 UI 概念设计,让你惊叹.如果你想获得灵感,那很有必要看看下面15个优秀用户体验的移动应用 ...
  • 原表结构:HR_NewsPaper------------------idCompanyNameCompanyInfoPositionNamePositionNumberRequirementNote为了排除冗余数据 ...
  • 我在一家外企工作的时候,有一天陪女上司上街选购圣诞礼物.当我们拎着大包小包坐下喝咖啡时,女上司问我:“新年要到了,不买点礼物送给家人?”我笑着说:“我爸妈都很节省,只有不乱花钱,他们才会觉得我会过日子,将来才会有幸福 ...