OpenGL ES 3. 绘制球体 实战

2024-05-10 19:32
文章标签 实战 es 绘制 opengl 球体

本文主要是介绍OpenGL ES 3. 绘制球体 实战，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

大家好，接下来将为大家介绍OpenGL ES 3. 绘制球体。

        OpenGL ES 中任何形状的 3D 物体都是用三角形而组成的， 因此，构建曲面物体最重要的就是找到将曲面恰当划分成三角形的策略。最基本的策略是首先按照一定的规则将物体按行和列两个方向进行划分，这时就可以得到很多的小四边形。然后再将每个小四边形划分成两个三角形即可。

        球面首先被按照纬度 (行)和经度(列)的方向划分成了很多的小四边形，每个小四边形又被划分成两个小三角形。这种划分方式下，三角形中每个顶点的坐标都可以用几何的公式方便地计算出来，具体情况如下。

x = R * cos(a) * cos(b) ；y = R * cos(a) * sin(b) ；z = R * sin(a) 。

上述给出的是当球的半径为 R，在经度为a，纬度为b处球面上顶点坐标的计算公式。

 

1、按照切分规则生成球面上顶点的坐标，并渲染球体的 Ball 类。

initVertexData方法用于初始化球体的顶点数据，initShader方法用于创建着色器对象：

import java.nio.ByteOrder;
import java.nio.FloatBuffer;
import java.util.ArrayList;
import android.annotation.SuppressLint;
import android.annotation.TargetApi;
import android.opengl.GLES30;
import android.os.Build;public class Ball {int mProgram;// 自定义渲染管线着色器程序idint muMVPMatrixHandle;//总变换矩阵引用int maPositionHandle; //顶点位置属性引用int muRHandle;//球的半径属性引用String mVertexShader;//顶点着色器代码脚本String mFragmentShader;//片元着色器代码脚本FloatBuffer mVertexBuffer;// 顶点坐标数据缓冲int vCount = 0;float yAngle = 0;// 绕y轴旋转的角度float xAngle = 0;// 绕x轴旋转的角度float zAngle = 0;// 绕z轴旋转的角度float r = 0.8f;public Ball(MySurfaceView mv) {// 初始化顶点数据的方法initVertexData();// 初始化着色器的方法initShader(mv);}// 初始化顶点数据的方法public void initVertexData() {// 顶点坐标数据的初始化================begin============================ArrayList<Float> alVertix = new ArrayList<Float>();// 存放顶点坐标的ArrayListfinal int angleSpan = 10;// 将球进行单位切分的角度for (int vAngle = -90; vAngle < 90; vAngle = vAngle + angleSpan)// 垂直方向angleSpan度一份{for (int hAngle = 0; hAngle <= 360; hAngle = hAngle + angleSpan)// 水平方向angleSpan度一份{// 纵向横向各到一个角度后计算对应的此点在球面上的坐标float x0 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle)) * Math.cos(Math.toRadians(hAngle)));float y0 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle)) * Math.sin(Math.toRadians(hAngle)));float z0 = (float) (r * UNIT_SIZE * Math.sin(Math.toRadians(vAngle)));float x1 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle)) * Math.cos(Math.toRadians(hAngle + angleSpan)));float y1 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle)) * Math.sin(Math.toRadians(hAngle + angleSpan)));float z1 = (float) (r * UNIT_SIZE * Math.sin(Math.toRadians(vAngle)));float x2 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle + angleSpan)) * Math.cos(Math.toRadians(hAngle + angleSpan)));float y2 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle + angleSpan)) * Math.sin(Math.toRadians(hAngle + angleSpan)));float z2 = (float) (r * UNIT_SIZE * Math.sin(Math.toRadians(vAngle + angleSpan)));float x3 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle + angleSpan)) * Math.cos(Math.toRadians(hAngle)));float y3 = (float) (r * UNIT_SIZE* Math.cos(Math.toRadians(vAngle + angleSpan)) * Math.sin(Math.toRadians(hAngle)));float z3 = (float) (r * UNIT_SIZE * Math.sin(Math.toRadians(vAngle + angleSpan)));// 将计算出来的XYZ坐标加入存放顶点坐标的ArrayListalVertix.add(x1);alVertix.add(y1);alVertix.add(z1);alVertix.add(x3);alVertix.add(y3);alVertix.add(z3);alVertix.add(x0);alVertix.add(y0);alVertix.add(z0);alVertix.add(x1);alVertix.add(y1);alVertix.add(z1);alVertix.add(x2);alVertix.add(y2);alVertix.add(z2);alVertix.add(x3);alVertix.add(y3);alVertix.add(z3);}}vCount = alVertix.size() / 3;// 顶点的数量为坐标值数量的1/3，因为一个顶点有3个坐标// 将alVertix中的坐标值转存到一个float数组中float vertices[] = new float[vCount * 3];for (int i = 0; i < alVertix.size(); i++) {vertices[i] = alVertix.get(i);}// 创建顶点坐标数据缓冲// vertices.length*4是因为一个整数四个字节ByteBuffer vbb = ByteBuffer.allocateDirect(vertices.length * 4);vbb.order(ByteOrder.nativeOrder());// 设置字节顺序mVertexBuffer = vbb.asFloatBuffer();// 转换为float型缓冲mVertexBuffer.put(vertices);// 向缓冲区中放入顶点坐标数据mVertexBuffer.position(0);// 设置缓冲区起始位置// 特别提示：由于不同平台字节顺序不同数据单元不是字节的一定要经过ByteBuffer// 转换，关键是要通过ByteOrder设置nativeOrder()，否则有可能会出问题}// 初始化着色器public void initShader(MySurfaceView mv) {// 加载顶点着色器的脚本内容mVertexShader = ShaderUtil.loadFromAssetsFile("vertex.sh",mv.getResources());// 加载片元着色器的脚本内容mFragmentShader = ShaderUtil.loadFromAssetsFile("frag.sh",mv.getResources());// 基于顶点着色器与片元着色器创建程序mProgram = ShaderUtil.createProgram(mVertexShader, mFragmentShader);// 获取程序中顶点位置属性引用maPositionHandle = GLES30.glGetAttribLocation(mProgram, "aPosition");// 获取程序中总变换矩阵引用muMVPMatrixHandle = GLES30.glGetUniformLocation(mProgram, "uMVPMatrix");// 获取程序中球半径引用muRHandle = GLES30.glGetUniformLocation(mProgram, "uR");}public void drawSelf() {MatrixState.rotate(xAngle, 1, 0, 0);//绕X轴转动MatrixState.rotate(yAngle, 0, 1, 0);//绕Y轴转动MatrixState.rotate(zAngle, 0, 0, 1);//绕Z轴转动// 指定使用某套shader程序GLES30.glUseProgram(mProgram);// 将最终变换矩阵传入渲染管线GLES30.glUniformMatrix4fv(muMVPMatrixHandle, 1, false,MatrixState.getFinalMatrix(), 0);// 将半径尺寸传入渲染管线GLES30.glUniform1f(muRHandle, r * UNIT_SIZE);//将顶点位置数据送入渲染管线GLES30.glVertexAttribPointer(maPositionHandle, 3, GLES30.GL_FLOAT,false, 3 * 4, mVertexBuffer);//启用顶点位置数据数组GLES30.glEnableVertexAttribArray(maPositionHandle);//绘制球		GLES30.glDrawArrays(GLES30.GL_TRIANGLES, 0, vCount);}
}

 

2、自定义的MySurfaceView，创建自定义渲染器SceneRenderer，同时设置渲染模式为主动渲染：RENDERMODE_CONTINUOUSLY。

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;
import android.annotation.SuppressLint;
import android.content.Context;
import android.opengl.GLES30;
import android.opengl.GLSurfaceView;
import android.view.MotionEvent;@SuppressLint("ClickableViewAccessibility")
class MySurfaceView extends GLSurfaceView 
{private final float TOUCH_SCALE_FACTOR = 180.0f/320;//角度缩放比例private SceneRenderer mRenderer;//场景渲染器	   Ball ball;//球private float mPreviousY;//上次的触控位置Y坐标private float mPreviousX;//上次的触控位置X坐标public MySurfaceView(Context context) {super(context);this.setEGLContextClientVersion(3); //设置使用OPENGL ES3.0mRenderer = new SceneRenderer();	//创建场景渲染器setRenderer(mRenderer);				//设置渲染器		        setRenderMode(GLSurfaceView.RENDERMODE_CONTINUOUSLY);//设置渲染模式为主动渲染   }private class SceneRenderer implements GLSurfaceView.Renderer {public void onDrawFrame(GL10 gl) {//清除深度缓冲与颜色缓冲GLES30.glClear( GLES30.GL_DEPTH_BUFFER_BIT | GLES30.GL_COLOR_BUFFER_BIT);//保护现场MatrixState.pushMatrix();//绘制球MatrixState.pushMatrix();ball.drawSelf();MatrixState.popMatrix();//恢复现场MatrixState.popMatrix();}public void onSurfaceChanged(GL10 gl, int width, int height) {//设置视窗大小及位置GLES30.glViewport(0, 0, width, height);//计算GLSurfaceView的宽高比Constant.ratio = (float) width / height;// 调用此方法计算产生透视投影矩阵MatrixState.setProjectFrustum(-Constant.ratio, Constant.ratio, -1, 1, 20, 100);// 调用此方法产生摄像机9参数位置矩阵MatrixState.setCamera(0, 0, 30, 0f, 0f, 0f, 0f, 1.0f, 0.0f);//初始化变换矩阵MatrixState.setInitStack();}public void onSurfaceCreated(GL10 gl, EGLConfig config) {//设置屏幕背景色RGBAGLES30.glClearColor(0f,0f,0f, 1.0f);  //创建球对象ball=new Ball(MySurfaceView.this);//打开深度检测GLES30.glEnable(GLES30.GL_DEPTH_TEST);//打开背面剪裁   GLES30.glEnable(GLES30.GL_CULL_FACE);}}
}

 

3、主Activity，实例化自定义的MyGLSurfaceView，并添加到setContentView。

import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;public class Sample6_1_Activity extends Activity {private MySurfaceView mGLSurfaceView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 设置为全屏requestWindowFeature(Window.FEATURE_NO_TITLE);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);// 初始化GLSurfaceViewmGLSurfaceView = new MySurfaceView(this);// 切换到主界面setContentView(mGLSurfaceView);	}@Overrideprotected void onResume() {super.onResume();mGLSurfaceView.onResume();}@Overrideprotected void onPause() {super.onPause();mGLSurfaceView.onPause(); } 
}

 

4、shader操作工具类：加载顶点Shader与片元Shader的工具类ShaderUtil，loadShader加载制定shader的方法，createProgram创建shader程序的方法，checkGlError检查每一步操作是否有错误的方法，loadFromAssetsFile从sh脚本中加载shader内容的方法。

import android.annotation.SuppressLint;
import android.content.res.Resources;
import android.opengl.GLES30;
import android.util.Log;//加载顶点Shader与片元Shader的工具类
@SuppressLint("NewApi")
public class ShaderUtil 
{//加载制定shader的方法public static int loadShader(int shaderType, //shader的类型  GLES30.GL_VERTEX_SHADER   GLES30.GL_FRAGMENT_SHADERString source   //shader的脚本字符串) {//创建一个新shaderint shader = GLES30.glCreateShader(shaderType);//若创建成功则加载shaderif (shader != 0) {//加载shader的源代码GLES30.glShaderSource(shader, source);//编译shaderGLES30.glCompileShader(shader);//存放编译成功shader数量的数组int[] compiled = new int[1];//获取Shader的编译情况GLES30.glGetShaderiv(shader, GLES30.GL_COMPILE_STATUS, compiled, 0);if (compiled[0] == 0) {//若编译失败则显示错误日志并删除此shaderLog.e("ES30_ERROR", "Could not compile shader " + shaderType + ":");Log.e("ES30_ERROR", GLES30.glGetShaderInfoLog(shader));GLES30.glDeleteShader(shader);shader = 0;      }  }return shader;}//创建shader程序的方法public static int createProgram(String vertexSource, String fragmentSource) {//加载顶点着色器int vertexShader = loadShader(GLES30.GL_VERTEX_SHADER, vertexSource);if (vertexShader == 0) {return 0;}//加载片元着色器int pixelShader = loadShader(GLES30.GL_FRAGMENT_SHADER, fragmentSource);if (pixelShader == 0) {return 0;}//创建程序int program = GLES30.glCreateProgram();//若程序创建成功则向程序中加入顶点着色器与片元着色器if (program != 0) {//向程序中加入顶点着色器GLES30.glAttachShader(program, vertexShader);checkGlError("glAttachShader");//向程序中加入片元着色器GLES30.glAttachShader(program, pixelShader);checkGlError("glAttachShader");//链接程序GLES30.glLinkProgram(program);//存放链接成功program数量的数组int[] linkStatus = new int[1];//获取program的链接情况GLES30.glGetProgramiv(program, GLES30.GL_LINK_STATUS, linkStatus, 0);//若链接失败则报错并删除程序if (linkStatus[0] != GLES30.GL_TRUE) {Log.e("ES30_ERROR", "Could not link program: ");Log.e("ES30_ERROR", GLES30.glGetProgramInfoLog(program));GLES30.glDeleteProgram(program);program = 0;}}return program;}//检查每一步操作是否有错误的方法 public static void checkGlError(String op) {int error;while ((error = GLES30.glGetError()) != GLES30.GL_NO_ERROR) {Log.e("ES30_ERROR", op + ": glError " + error);throw new RuntimeException(op + ": glError " + error);}}//从sh脚本中加载shader内容的方法public static String loadFromAssetsFile(String fname,Resources r){String result=null;    	try{InputStream in=r.getAssets().open(fname);int ch=0;ByteArrayOutputStream baos = new ByteArrayOutputStream();while((ch=in.read())!=-1){baos.write(ch);}      byte[] buff=baos.toByteArray();baos.close();in.close();result=new String(buff,"UTF-8"); result=result.replaceAll("\\r\\n","\n");}catch(Exception e){e.printStackTrace();}   return result;}
}

 

5、shader着色器程序

#version 300 es
uniform mat4 uMVPMatrix; 
in vec3 aPosition;  
out vec3 vPosition;
void main()     
{                   gl_Position = uMVPMatrix * vec4(aPosition,1); vPosition = aPosition;
}#version 300 es
precision mediump float;
uniform float uR;
in vec2 mcLongLat;
in vec3 vPosition;
out vec4 fragColor;
void main()                         
{vec3 color;float n = 8.0;float span = 2.0*uR/n;int i = int((vPosition.x + uR)/span);int j = int((vPosition.y + uR)/span);int k = int((vPosition.z + uR)/span);int whichColor = int(mod(float(i+j+k),2.0));if(whichColor == 1) {color = vec3(0.678,0.231,0.129);}else {color = vec3(1.0,1.0,1.0);}fragColor=vec4(color,0);
}

 

6、渲染效果示例：

 

最后，欢迎大家一起交流学习：微信：liaosy666 ； QQ：2209115372 。

 

 

 

这篇关于OpenGL ES 3. 绘制球体 实战的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/977352。

相关文章

Java docx4j高效处理Word文档的实战指南

Java docx4j高效处理Word文档的实战指南

《Javadocx4j高效处理Word文档的实战指南》对于需要在Java应用程序中生成、修改或处理Word文档的开发者来说,docx4j是一个强大而专业的选择,下面我们就来看看docx4j的具体使用... 目录引言一、环境准备与基础配置1.1 Maven依赖配置1.2 初始化测试类二、增强版文档操作示例2.
阅读更多...
MySQL 多列 IN 查询之语法、性能与实战技巧(最新整理)

MySQL 多列 IN 查询之语法、性能与实战技巧(最新整理)

《MySQL多列IN查询之语法、性能与实战技巧(最新整理)》本文详解MySQL多列IN查询,对比传统OR写法,强调其简洁高效,适合批量匹配复合键,通过联合索引、分批次优化提升性能,兼容多种数据库... 目录一、基础语法：多列 IN 的两种写法1. 直接值列表2. 子查询二、对比传统 OR 的写法三、性能分析
阅读更多...
Python办公自动化实战之打造智能邮件发送工具

Python办公自动化实战之打造智能邮件发送工具

《Python办公自动化实战之打造智能邮件发送工具》在数字化办公场景中,邮件自动化是提升工作效率的关键技能,本文将演示如何使用Python的smtplib和email库构建一个支持图文混排,多附件,多... 目录前言一、基础配置：搭建邮件发送框架1.1 邮箱服务准备1.2 核心库导入1.3 基础发送函数二、
阅读更多...
PowerShell中15个提升运维效率关键命令实战指南

PowerShell中15个提升运维效率关键命令实战指南

《PowerShell中15个提升运维效率关键命令实战指南》作为网络安全专业人员的必备技能,PowerShell在系统管理、日志分析、威胁检测和自动化响应方面展现出强大能力,下面我们就来看看15个提升... 目录一、PowerShell在网络安全中的战略价值二、网络安全关键场景命令实战1. 系统安全基线核查
阅读更多...
从原理到实战深入理解Java 断言assert

从原理到实战深入理解Java 断言assert

《从原理到实战深入理解Java断言assert》本文深入解析Java断言机制,涵盖语法、工作原理、启用方式及与异常的区别,推荐用于开发阶段的条件检查与状态验证,并强调生产环境应使用参数验证工具类替代... 目录深入理解 Java 断言（assert）：从原理到实战引言：为什么需要断言？一、断言基础1.1 语
阅读更多...
Java MQTT实战应用

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级（QoS0/1/2）,以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端（Clien
阅读更多...
在Spring Boot中集成RabbitMQ的实战记录

在Spring Boot中集成RabbitMQ的实战记录

《在SpringBoot中集成RabbitMQ的实战记录》本文介绍SpringBoot集成RabbitMQ的步骤,涵盖配置连接、消息发送与接收,并对比两种定义Exchange与队列的方式:手动声明(... 目录前言准备工作1. 安装 RabbitMQ2. 消息发送者（Producer）配置1. 创建 Spr
阅读更多...
使用Python绘制3D堆叠条形图全解析

使用Python绘制3D堆叠条形图全解析

《使用Python绘制3D堆叠条形图全解析》在数据可视化的工具箱里,3D图表总能带来眼前一亮的效果,本文就来和大家聊聊如何使用Python实现绘制3D堆叠条形图,感兴趣的小伙伴可以了解下... 目录为什么选择 3D 堆叠条形图代码实现：从数据到 3D 世界的搭建核心代码逐行解析细节优化应用场景：3D 堆叠图
阅读更多...
深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

《深度解析SpringBoot拦截器Interceptor与过滤器Filter的区别与实战指南》本文深度解析SpringBoot中拦截器与过滤器的区别,涵盖执行顺序、依赖关系、异常处理等核心差异,并... 目录Spring Boot拦截器（Interceptor）与过滤器（Filter）深度解析：区别、实现
阅读更多...
深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

《深度解析SpringAOP@Aspect原理、实战与最佳实践教程》文章系统讲解了SpringAOP核心概念、实现方式及原理,涵盖横切关注点分离、代理机制（JDK/CGLIB）、切入点类型、性能... 目录1. @ASPect 核心概念1.1 AOP 编程范式1.2 @Aspect 关键特性2. 完整代码实
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2