选择绘制三角形作为OpenGL ES 2.0的第一个实例，是因为前文中提到的，点、线、三角形是OpenGL ES世界的图形基础。无论多么复杂的几何物体，在OpenGL ES的世界里都可以用三角形拼成。关于Android OpenGL ES 三角形的绘制，在Android官方文档中有详细的说明和步骤，本文实例也是依照官方文档步骤绘制的三角形。

步骤

依照官方文档中的说明，Android中利用OpenGL ES 2.0绘制三角形的步骤为：

1. 在AndroidManifest.xml文件中设置使用的OpenGL ES的版本：

<!-- Tell the system this app requires OpenGL ES 2.0. -->
<uses-feature android:glEsVersion="0x00020000" android:required="true" />

3.0的版本为0x00030000,3.1的版本为0x00030001。
需要注意的是前一篇博客中提到的Android各个版本对于OpenGL ES版本的支持，设置Android应用的minSDK不应该小于使用的支持OpenGL ES版本的最低Android SDK版本。

2. 毫无疑问的，显示三角形，需要一个载体。创建显示三角形的Activity，利用GLSurfaceView作为显示三角形的View，图形的具体渲染工作都是在Render中完成的。

3. 实现GLSurfaceView的Render，在Render中完成三角形的绘制，具体行为有：

• 加载顶点和片元着色器
• 确定需要绘制图形的坐标和颜色数据
• 创建program对象，连接顶点和片元着色器，链接program对象。
• 设置视图窗口(viewport)。
• 将坐标数据颜色数据传入OpenGL ES程序中
• 使颜色缓冲区的内容显示到屏幕上。
  

具体实现

我们设置好OpenGL ES版本、创建入口Activity并设置好GLSurfaceView做为显示载体后，就进入了我们最主要的工作了。

第一步

首先，我们需要编写一个简单的顶点着色器和一个简单的片元着色器：
顶点着色器：

 attribute vec4 vPosition;
 void main() {
  gl_Position = vPosition;
 }

片元着色器：

 precision mediump float;
 uniform vec4 vColor;
 void main() {
  gl_FragColor = vColor;
 }

gl_Position和gl_FragColor都是Shader的内置变量，分别为定点位置和片元颜色。

第二步

然后，我们确定我们要绘制的图形的顶点坐标和颜色：
我们现在需要绘制的是在一个三维空间中绘制一个三角形，三角形当然是三个顶点了。因为我们三角形只是一个平面图形，为了方便，我们现在不设置相机（相机在后面的博客中使用时在讲解）的情况下，三角形正对我们来呈现。所以我们把三个顶点的Z坐标都设定为0。
上篇博客中也有提到OpenGL ES坐标映射到屏幕上，从屏幕中心垂直到上下左右边缘距离都为1.0，所以（-1.0,0,0）和（0,1.0,0）到原点的距离在屏幕上呈现出来的结果是不一样的，图解如下（左边是理想状态，右边是实际状态）:

所以，为了不超出屏幕，我们的坐标数据设置为：

float triangleCoords[] = {
   0.5f, 0.5f, 0.0f, // top
   -0.5f, -0.5f, 0.0f, // bottom left
   0.5f, -0.5f, 0.0f // bottom right
 };

颜色数据，我们设置为单一颜色：

float color[] = { 1.0f, 1.0f, 1.0f, 1.0f }; //白色

第三步

接着我们开始在Render中实现我们的三角形绘制了。Render接口有三个方法，分别为onSurfaceCreated、onSurfaceChanged和onDrawFrame。
在onSurfaceCreated方法中，我们来创建program对象，连接顶点和片元着色器，链接program对象。

 //将背景设置为灰色
 GLES20.glClearColor(0.5f,0.5f,0.5f,1.0f); 
 //申请底层空间
 ByteBuffer bb = ByteBuffer.allocateDirect(
    triangleCoords.length * 4);
 bb.order(ByteOrder.nativeOrder());
 //将坐标数据转换为FloatBuffer，用以传入给OpenGL ES程序
 vertexBuffer = bb.asFloatBuffer();
 vertexBuffer.put(triangleCoords);
 vertexBuffer.position(0); 
 int vertexShader = loadShader(GLES20.GL_VERTEX_SHADER,
    vertexShaderCode);
 int fragmentShader = loadShader(GLES20.GL_FRAGMENT_SHADER,
    fragmentShaderCode);

 //创建一个空的OpenGLES程序
 mProgram = GLES20.glCreateProgram();
 //将顶点着色器加入到程序
 GLES20.glAttachShader(mProgram, vertexShader);
 //将片元着色器加入到程序中
 GLES20.glAttachShader(mProgram, fragmentShader);
 //连接到着色器程序
 GLES20.glLinkProgram(mProgram);

第四步

在onSurfaceChanged中设置设置视图窗口：

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

第五步

最后在onDrawFrame中绘制:

 //将程序加入到OpenGLES2.0环境
 GLES20.glUseProgram(mProgram);

 //获取顶点着色器的vPosition成员句柄
 mPositionHandle = GLES20.glGetAttribLocation(mProgram, "vPosition");
 //启用三角形顶点的句柄
 GLES20.glEnableVertexAttribArray(mPositionHandle);
 //准备三角形的坐标数据
 GLES20.glVertexAttribPointer(mPositionHandle, COORDS_PER_VERTEX,
   GLES20.GL_FLOAT, false,
   vertexStride, vertexBuffer);
 //获取片元着色器的vColor成员的句柄
 mColorHandle = GLES20.glGetUniformLocation(mProgram, "vColor");
 //设置绘制三角形的颜色
 GLES20.glUniform4fv(mColorHandle, 1, color, 0);
 //绘制三角形
 GLES20.glDrawArrays(GLES20.GL_TRIANGLES, 0, vertexCount);
 //禁止顶点数组的句柄
 GLES20.glDisableVertexAttribArray(mPositionHandle);

最终效果

源码地址

所有的代码全部在一个项目中，托管在Github上——Android OpenGLES 2.0系列博客的Demo

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # OpenGLES2.0  # 三角形  # Android利用OpenGLES绘制天空盒实例教程  # android使用OPENGL ES绘制圆柱体  # Android开发之OpenGL绘制2D图形的方法分析  # Android基于OpenGL在GLSurfaceView上绘制三角形及使用投影和相机视图方法示例  # Android开发 OpenGL ES绘制3D 图形实例详解  # Android openGl 绘制简单图形的实现示例  # 角形  # 着色器  # 句柄  # 的是  # 设置为  # 博客  # 分别为  # 我们现在  # 文档  # 屏幕上  # 都是  # 是在  # 也有  # 是因为  # 第一个  # 可以用  # 中有  # 点了  # 上下左右  # 最主要 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  Internet Explorer官网直接进入 IE浏览器在线体验版网址  Laravel如何处理表单验证？（Requests代码示例）  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  ,交易猫的商品怎么发布到网站上去？  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  Laravel定时任务怎么设置_Laravel Crontab调度器配置  中国移动官方网站首页入口 中国移动官网网页登录  如何打造高效商业网站？建站目的决定转化率  如何用已有域名快速搭建网站？  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  Bootstrap整体框架之CSS12栅格系统  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  香港服务器网站推广：SEO优化与外贸独立站搭建策略  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  如何基于PHP生成高效IDC网络公司建站源码？  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Python函数文档自动校验_规范解析【教程】  如何在阿里云虚拟服务器快速搭建网站？  SQL查询语句优化的实用方法总结  Python数据仓库与ETL构建实战_Airflow调度流程详解  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  创业网站制作流程,创业网站可靠吗？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  独立制作一个网站多少钱,建立网站需要花多少钱？  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  googleplay官方入口在哪里_Google Play官方商店快速入口指南  如何快速搭建高效简练网站？  JavaScript数据类型有哪些_如何准确判断一个变量的类型  PythonWeb开发入门教程_Flask快速构建Web应用  b2c电商网站制作流程,b2c水平综合的电商平台？  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何在阿里云虚拟主机上快速搭建个人网站？  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  java获取注册ip实例  node.js报错：Cannot find module 'ejs'的解决办法