【Android App】勾勒出三维立方体和球体以及它们的转动图形讲解及实战(附源码和演示视频 超详细)

简介: 【Android App】勾勒出三维立方体和球体以及它们的转动图形讲解及实战(附源码和演示视频 超详细)

需要源码或运行有问题请点赞关注收藏后评论区留言~~~

一、轮廓勾勒

勾勒三维物体轮廓线条的步骤如下:

(1)调用glEnableClientState方法启用顶点开关

(2)调用glVertexPointer方法指定三维物体的顶点坐标集合

(3)调用glDrawArrays方法在顶点坐标集合之间绘制点、线、面

(4)调用glDisableClientState方法禁用顶点开关

在三维坐标系中,每个点都有x,y,z三个方向上的坐标值,也即是需要三个浮点数来表示一个点,一个面又至少由三个不在一条直线上的点唯一确定,而四个点可以构成一个四边形。OpenGL使用浮点数组表达一块平面区域的时候,数组大小等于该面的顶点个数×3,也就是说,每三个浮点数用来指定一个顶点的x,y,z坐标值,所以总共需要三倍于顶点数量的浮点数才能表示这些顶点构成的平面

glDrawArrays的取值如下

glDrawArrays方法的绘制模式

说明

GL10.GL_POINTS

只描绘各个独立的点

GL10.GL_LINE_STRIP

前后两个顶点用线段连接,但不闭合(最后一个点与第一个点不连接)

GL10.GL_LINE_LOOP

前后两个顶点用线段连接,并且闭合(最后一个点与第一个点有连接)

GL10.GL_TRIANGLES

每隔三个顶点绘制一个三角形的平面

实战效果如下

旋转的立方体和球体演示动画已上传至个人主页 有需要可自行前往观看

 

代码如下

Java类

package com.example.threed;
import android.opengl.GLSurfaceView;
import android.opengl.GLU;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import androidx.appcompat.app.AppCompatActivity;
import com.example.threed.util.GlVertexUtil;
import java.nio.FloatBuffer;
import java.util.ArrayList;
import java.util.List;
import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;
public class GlLineActivity extends AppCompatActivity {
    private GLSurfaceView glsv_content; // 声明一个图形库表面视图对象
    private List<FloatBuffer> mVertexList = new ArrayList<>(); // 顶点列表
    private int mType; // 形状的类型
    private int mDivide = 20; // 将经纬度等分的面数
    private float mRadius = 4; // 球半径
    private int mAngle = 0; // 旋转角度
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_gl_line);
        initShapeSpinner(); // 初始化形状下拉框
        mVertexList = GlVertexUtil.getCubeVertexs();
        glsv_content = findViewById(R.id.glsv_content);
        // 给OpenGL的表面视图注册三维图形的渲染器
        glsv_content.setRenderer(new LineRender());
        // 设置渲染模式。默认的RENDERMODE_CONTINUOUSLY表示持续刷新,RENDERMODE_WHEN_DIRTY表示只有首次创建和调用requestRender方法时才会刷新
        glsv_content.setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);
        //glsv_content.requestRender(); // 主动请求渲染操作
    }
    // 初始化形状下拉框
    private void initShapeSpinner() {
        ArrayAdapter<String> shapeAdapter = new ArrayAdapter<>(this,
                R.layout.item_select, shapeArray);
        Spinner sp_shape = findViewById(R.id.sp_shape);
        sp_shape.setPrompt("请选择三维物体形状");
        sp_shape.setAdapter(shapeAdapter);
        sp_shape.setOnItemSelectedListener(new ShapeSelectedListener());
        sp_shape.setSelection(0);
    }
    private String[] shapeArray = { "静止立方体", "静止球体", "旋转立方体", "旋转球体" };
    class ShapeSelectedListener implements AdapterView.OnItemSelectedListener {
        public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
            mType = arg2;
            mVertexList.clear();
            if (mType == 0 || mType == 2) {
                mVertexList = GlVertexUtil.getCubeVertexs(); // 获得立方体的顶点列表
            } else if (mType == 1 || mType == 3) {
                // 获得球体的顶点列表
                mVertexList = GlVertexUtil.getBallVertexs(mDivide, mRadius);
            }
            if (mType == 2 || mType == 3) {
                glsv_content.setRenderMode(GLSurfaceView.RENDERMODE_CONTINUOUSLY); // 设置渲染模式
            } else {
                glsv_content.setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY); // 设置渲染模式
                glsv_content.requestRender(); // 主动请求渲染操作
            }
        }
        public void onNothingSelected(AdapterView<?> arg0) {}
    }
    // 定义一个三维图形的渲染器
    private class LineRender implements GLSurfaceView.Renderer {
        // 在表面创建时触发
        @Override
        public void onSurfaceCreated(GL10 gl, EGLConfig config) {
            // 设置白色背景。0.0f相当于00,1.0f相当于FF
            gl.glClearColor(1.0f, 1.0f, 1.0f, 1.0f);
            gl.glShadeModel(GL10.GL_SMOOTH); // 启用阴影平滑
        }
        // 在表面变更时触发
        @Override
        public void onSurfaceChanged(GL10 gl, int width, int height) {
            gl.glViewport(0, 0, width, height); // 设置输出屏幕大小
            // 设置投影矩阵,对应gluPerspective(调整相机)、glFrustumf(透视投影)、glOrthof(正交投影)
            gl.glMatrixMode(GL10.GL_PROJECTION);
            gl.glLoadIdentity(); // 重置投影矩阵,即去掉所有的平移、缩放、旋转操作
            // 设置透视图视窗大小
            GLU.gluPerspective(gl, 40, (float) width / height, 0.1f, 20.0f);
            // 选择模型观察矩阵,对应gluLookAt(人动)、glTranslatef/glScalef/glRotatef(物动)
            gl.glMatrixMode(GL10.GL_MODELVIEW);
            gl.glLoadIdentity(); // 重置模型矩阵
        }
        // 执行框架绘制动作
        @Override
        public void onDrawFrame(GL10 gl) {
            // 清除屏幕和深度缓存
            gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);
            gl.glLoadIdentity(); // 重置当前的模型观察矩阵
            gl.glColor4f(0.0f, 0.0f, 1.0f, 1.0f); // 设置画笔颜色
            // 设置观测点。eyeXYZ表示眼睛坐标,centerXYZ表示原点坐标,upX=1表示X轴朝上,upY=1表示Y轴朝上,upZ=1表示Z轴朝上
            GLU.gluLookAt(gl, 10.0f, 8.0f, 6.0f, 0.0f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f);
            // 旋转图形。围绕着Z轴与Y轴之间的平分线旋转
            gl.glRotatef(mAngle, 0, 0, -1);
            gl.glRotatef(mAngle, 0, -1, 0);
            mAngle++;
            // gl.glTranslatef(1, 0, 0); // 沿x轴方向移动1个单位
            // gl.glScalef(0.1f, 0.1f, 0.1f); // 沿x、y、z方向缩放0.1倍
            gl.glLineWidth(3); // 指定线宽
            if (mType == 0 || mType == 2) {
                drawCube(gl); // 绘制立方体
            } else if (mType == 1 || mType == 3) {
                drawBall(gl); // 绘制球体
            }
        }
    }
    // 绘制立方体
    private void drawCube(GL10 gl) {
        // 启用顶点开关。GL_VERTEX_ARRAY表示顶点数组,GL_COLOR_ARRAY表示颜色数组
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
        for (FloatBuffer buffer : mVertexList) {
            // 将顶点坐标传给 OpenGL 管道
            gl.glVertexPointer(3, GL10.GL_FLOAT, 0, buffer);
            // 用画线的方式将点连接并画出来
            gl.glDrawArrays(GL10.GL_LINE_LOOP, 0, GlVertexUtil.getCubePointCount());
        }
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY); // 禁用顶点开关
    }
    // 绘制球体
    private void drawBall(GL10 gl) {
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY); // 启用顶点开关
        // 每次画两条相邻的纬度线
        for (int i = 0; i <= mDivide && i < mVertexList.size(); i++) {
            // 将顶点坐标传给 OpenGL 管道
            gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mVertexList.get(i));
            // 用画线的方式将点连接并画出来
            gl.glDrawArrays(GL10.GL_LINE_STRIP, 0, mDivide * 2 + 2);
        }
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY); // 禁用顶点开关
    }
    @Override
    protected void onPause() {
        super.onPause();
        glsv_content.onPause(); // 暂停绘制三维图形
    }
    @Override
    protected void onResume() {
        super.onResume();
        glsv_content.onResume(); // 恢复绘制三维图形
    }
}

XML文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right"
            android:text="三维物体形状:"
            android:textColor="@color/black"
            android:textSize="17sp" />
        <Spinner
            android:id="@+id/sp_shape"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:spinnerMode="dialog" />
    </LinearLayout>
    <!-- 注意这里要使用控件的全路径android.opengl.GLSurfaceView -->
    <android.opengl.GLSurfaceView
        android:id="@+id/glsv_content"
        android:layout_width="match_parent"
        android:layout_height="400dp" />
</LinearLayout>

创作不易 觉得有帮助请点赞关注收藏~~~

相关文章
|
5天前
|
测试技术 Android开发
Android App获取不到pkgInfo信息问题原因
Android App获取不到pkgInfo信息问题原因
14 0
|
1月前
|
缓存 移动开发 Java
构建高效Android应用:内存优化实战指南
在移动开发领域,性能优化是提升用户体验的关键因素之一。特别是对于Android应用而言,由于设备和版本的多样性,内存管理成为开发者面临的一大挑战。本文将深入探讨Android内存优化的策略和技术,包括内存泄漏的诊断与解决、合理的数据结构选择、以及有效的资源释放机制。通过实际案例分析,我们旨在为开发者提供一套实用的内存优化工具和方法,以构建更加流畅和高效的Android应用。
|
1月前
|
开发框架 移动开发 JavaScript
SpringCloud微服务实战——搭建企业级开发框架(四十六):【移动开发】整合uni-app搭建移动端快速开发框架-环境搭建
正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-starter快速开发项目模版】几乎集成了移动端所需的所有基础功能,使用非常方便,但是其许可协议只允许对接其uniCloud的JS开发服务端,不允许对接自己的php、java等其他后台系统。
145 2
|
1月前
|
设计模式 测试技术 数据库
基于Android的食堂点餐APP的设计与实现(论文+源码)_kaic
基于Android的食堂点餐APP的设计与实现(论文+源码)_kaic
|
2月前
|
算法 Java Android开发
安卓逆向 -- 实战某峰窝APP(静态分析)
安卓逆向 -- 实战某峰窝APP(静态分析)
26 0
|
2月前
|
网络协议 算法 Android开发
安卓逆向 -- 实战某峰窝APP(动态分析)
安卓逆向 -- 实战某峰窝APP(动态分析)
32 4
|
6天前
|
Linux 编译器 Android开发
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
在Linux环境下,本文指导如何交叉编译x265的so库以适应Android。首先,需安装cmake和下载android-ndk-r21e。接着,下载x265源码,修改crosscompile.cmake的编译器设置。配置x265源码,使用指定的NDK路径,并在配置界面修改相关选项。随后,修改编译规则,编译并安装x265,调整pc描述文件并更新PKG_CONFIG_PATH。最后,修改FFmpeg配置脚本启用x265支持,编译安装FFmpeg,将生成的so文件导入Android工程,调整gradle配置以确保顺利运行。
24 1
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
|
28天前
|
Java Android开发
Android 开发获取通知栏权限时会出现两个应用图标
Android 开发获取通知栏权限时会出现两个应用图标
14 0
|
2天前
|
数据库 Android开发 开发者
安卓应用开发:构建高效用户界面的策略
【4月更文挑战第24天】 在竞争激烈的移动应用市场中,一个流畅且响应迅速的用户界面(UI)是吸引和保留用户的关键。针对安卓平台,开发者面临着多样化的设备和系统版本,这增加了构建高效UI的复杂性。本文将深入分析安卓平台上构建高效用户界面的最佳实践,包括布局优化、资源管理和绘制性能的考量,旨在为开发者提供实用的技术指南,帮助他们创建更流畅的用户体验。