OpenGL ES： 画球

最新推荐文章于 2024-02-11 13:27:29 发布
最新推荐文章于 2024-02-11 13:27:29 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： Android 文章标签： opengl es
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aitumingmumu/article/details/78527899
版权

画球

球坐标公式

球坐标可以用如下公式表示：

x=R∗cosα∗cosβ

y=R∗sinα∗cosβ

z=R∗sinβ

在Eclipse中新建工程DrawBall， 新建Ball类， 添加成员方法初始化顶点数组，获取球坐标代码如下：

/**
     * 初始化顶点数组
     * ANGLE_SPAN角度进行划分
     *         p3   p2 (beta + ANGLE_SPAN)
     *         p0   p1 (alpha + ANGLE_SPAN)
     * 画两个三角形 p0p1p2， p0p2p3
     */
    private void initVertex() {
        vertex = new ArrayList<Float>();
        for (int alpha = 0; alpha <= 360; alpha += ANGLE_SPAN) {
            for (int beta = -90; beta <= 90; beta += ANGLE_SPAN) {
                // 第一个点的坐标
                float x0 = (float) (RADIAN * Math.cos(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta)));
                float y0 = (float) (RADIAN * Math.sin(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta)));
                float z0 = (float) (RADIAN * Math.sin(Math.toRadians(beta)));

                // 第二个点的坐标
                float x1 = (float) (RADIAN * Math.cos(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta)));
                float y1 = (float) (RADIAN * Math.sin(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta)));
                float z1 = (float) (RADIAN * Math.sin(Math.toRadians(beta)));

                // 第三个点的坐标
                float x2 = (float) (RADIAN * Math.cos(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float y2 = (float) (RADIAN * Math.sin(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float z2 = (float) (RADIAN * Math.sin(Math.toRadians(beta + ANGLE_SPAN)));

                // 第三个点的坐标
                float x3 = (float) (RADIAN * Math.cos(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float y3 = (float) (RADIAN * Math.sin(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float z3 = (float) (RADIAN * Math.sin(Math.toRadians(beta + ANGLE_SPAN)));

                vertex.add(x0);
                vertex.add(y0);
                vertex.add(z0);

                vertex.add(x1);
                vertex.add(y1);
                vertex.add(z1);

                vertex.add(x2);
                vertex.add(y2);
                vertex.add(z2);

                vertex.add(x0);
                vertex.add(y0);
                vertex.add(z0);

                vertex.add(x2);
                vertex.add(y2);
                vertex.add(z2);

                vertex.add(x3);
                vertex.add(y3);
                vertex.add(z3);
            }
        }

        numVertex = vertex.size();
    }

顶点着色器、片段着色器

新建顶点着色器和片段着色器
res/raw/vertex_shader.glsl

attribute vec4 aPosition;
uniform mat4 vMatrix;

void main() {
    gl_Position = vMatrix * aPosition;
}

res/raw/fragment_shader.glsl

uniform vec4 uColor;
void main()
{
    gl_FragColor = uColor;
}

给Ball类添加构造函数，编译链接程序，

package com.example.drawball;

import java.nio.ByteBuffer;
import java.nio.ByteOrder;
import java.nio.FloatBuffer;
import java.util.ArrayList;

import com.example.drawball.utils.BufferHelper;
import com.example.drawball.utils.Logit;
import com.example.drawball.utils.MatrixState;
import com.example.drawball.utils.ShaderHelper;
import com.example.drawball.utils.TextResourceReader;
import com.example.drawcircle.R;

import android.content.Context;
import android.opengl.GLES30;

public class Ball {
    private static final String TAG = "Circle";

    private Context context;

    private FloatBuffer vertexBuffer;
    private FloatBuffer colorBuffer;

    private static final int BYTES_PER_FLOAT = 4; //浮点字节个数
    private static final int COORS_PER_VERTEX = 3; // 顶点坐标分量个数
    private static final int ANGLE_SPAN = 10; // 圆周划分角度10度
    private static final float RADIANS = 0.5f;
    private int numVertex;
    private ArrayList<Float> vertex;

    private int program; //应用程序句柄

    private static final String A_POSITION = "aPosition";
    private static final String U_COLOR = "uColor";
    private static final String V_MATRIX = "vMatrix";

    private int vMatrixLocation;

    public Ball(Context context) {
        this.context = context;

        initVertex();

        vertexBuffer = BufferHelper.getFloatBuffer(vertex);

        getProgram();

        int aPositionLocation = GLES30.glGetAttribLocation(program, A_POSITION); // 对应于 vertex_shader.glsl 中 attribute属性
        Logit.d(TAG, "aPosition location: " + aPositionLocation);
        GLES30.glVertexAttribPointer(aPositionLocation, COORS_PER_VERTEX, GLES30.GL_FLOAT, false, 0, vertexBuffer); // 区别glVertexAttribIPointer
        GLES30.glEnableVertexAttribArray(aPositionLocation);  //启用顶点属性数组

        int uColorLocation = GLES30.glGetUniformLocation(program, U_COLOR);  // 对应与 fragment_shader 中uniform属性
        Logit.d(TAG, "uColor Location: " + uColorLocation);
        GLES30.glUniform4f(uColorLocation, 1, 0, 0, 1); // 设置着色器中变量的值

        vMatrixLocation = GLES30.glGetUniformLocation(program, V_MATRIX);
    }

    /**
     * 初始化顶点数组
     * angleSpan角度进行划分
     *         point3   point2 (beta + angleSpan)
     *         point0   point1 (alpha + angleSpan)
     */
    private void initVertex() {
        vertex = new ArrayList<Float>();
        for (int alpha = 0; alpha <= 360; alpha += ANGLE_SPAN) {
            for (int beta = -90; beta <= 90; beta += ANGLE_SPAN) {
                // 第一个点的坐标
                float x0 = (float) (RADIANS * Math.cos(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta)));
                float y0 = (float) (RADIANS * Math.sin(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta)));
                float z0 = (float) (RADIANS * Math.sin(Math.toRadians(beta)));

                // 第二个点的坐标
                float x1 = (float) (RADIANS * Math.cos(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta)));
                float y1 = (float) (RADIANS * Math.sin(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta)));
                float z1 = (float) (RADIANS * Math.sin(Math.toRadians(beta)));

                // 第三个点的坐标
                float x2 = (float) (RADIANS * Math.cos(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float y2 = (float) (RADIANS * Math.sin(Math.toRadians(alpha + ANGLE_SPAN)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float z2 = (float) (RADIANS * Math.sin(Math.toRadians(beta + ANGLE_SPAN)));

                // 第三个点的坐标
                float x3 = (float) (RADIANS * Math.cos(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float y3 = (float) (RADIANS * Math.sin(Math.toRadians(alpha)) * Math.cos(Math.toRadians(beta + ANGLE_SPAN)));
                float z3 = (float) (RADIANS * Math.sin(Math.toRadians(beta + ANGLE_SPAN)));

                vertex.add(x0);
                vertex.add(y0);
                vertex.add(z0);

                vertex.add(x1);
                vertex.add(y1);
                vertex.add(z1);

                vertex.add(x2);
                vertex.add(y2);
                vertex.add(z2);

                vertex.add(x0);
                vertex.add(y0);
                vertex.add(z0);

                vertex.add(x2);
                vertex.add(y2);
                vertex.add(z2);

                vertex.add(x3);
                vertex.add(y3);
                vertex.add(z3);
            }
        }

        numVertex = vertex.size();
    }

    private void getProgram() {
        String vertexSource = TextResourceReader.readTextFileFromResource(context, R.raw.vertex_shader);
        String fragmentSource = TextResourceReader.readTextFileFromResource(context, R.raw.fragment_shader);

//      int vertexShader = ShaderHelper.compileVertexShader(vertexSource);
//      int fragmentShader = ShaderHelper.compileFragmentShader(fragmentSource);

        //获取program的id  
        program  = ShaderHelper.buildProgram(vertexSource, fragmentSource);  
        Logit.d(TAG, "program: " + program);
        GLES30.glUseProgram(program); // 不要忘记设置，否则不会起作用
    }

    public void draw() {
//      GLES30.glUniform4f(2, 1, 0, 1, 0);
//      GLES30.glDrawElements(GLES30.GL_TRIANGLES, 3, GLES30.GL_FLOAT, vertexBuffer);
        GLES30.glUniformMatrix4fv(vMatrixLocation, 1, false, MatrixState.getFinalMatrix(), 0);
        GLES30.glDrawArrays(GLES30.GL_TRIANGLES, 0, numVertex);
    }
}

设置相机位置和透视投影

添加BallRenderer类，设置相机和透视投影
src/com/example/drawball/BallRenderer.java

package com.example.drawball;

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

import android.content.Context;
import android.opengl.GLES30;
import android.opengl.GLSurfaceView.Renderer;

import com.example.drawball.utils.Logit;
import com.example.drawball.utils.MatrixState;

public class BallRenderer implements Renderer{
    private static final String TAG = "CircleRenderer";
    private Ball ball;
    private Context  context;
    public BallRenderer(Context context) {
        // TODO Auto-generated constructor stub
        this.context = context;
    }
    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        // TODO Auto-generated method stub
        Logit.d(TAG, "onSurfaceCreated.");
        ball = new Ball(context);
        GLES30.glClearColor(1, 1, 1, 1);
    }

    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        // TODO Auto-generated method stub
        Logit.d(TAG, "onSurfaceChanded...");
//      GLES30.glViewport(0, 0, width, height);
        float ratio = 1.0f * width / height;//先转换成浮点数再做运算
        MatrixState.setCamera(0, 0, 7, 0, 0, 0, 0, 1, 0);
        MatrixState.setProjectOrtho(-ratio, ratio, -1, 1, 5, 9);
    }

    @Override
    public void onDrawFrame(GL10 gl) {
        // TODO Auto-generated method stub
        Logit.d(TAG, "onDrawFrame");
        GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT);
        ball.draw();
    }

}
package com.example.drawball;

import android.app.Activity;
import android.content.Context;
import android.opengl.GLSurfaceView;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class BallActivity extends Activity {
    private GLSurfaceView mTriGLView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.activity_tri);
        mTriGLView = new CircleGLSurfaceView(this);
        setContentView(mTriGLView);
    }

    static class CircleGLSurfaceView extends GLSurfaceView {

        public CircleGLSurfaceView(Context context) {
            super(context);
            setEGLContextClientVersion(3);
            setRenderer(new BallRenderer(context));
            setRenderMode(RENDERMODE_WHEN_DIRTY);
        }

    }
}

运行结果
drawball

渐变色球

将顶点位置作为颜色值传给片段着色器颜色值来绘制， 顶点着色器中添加varying 变量vColor存储顶点位置，传递给片段着色器， 如下：

顶点着色器、片段着色器

res/raw/vertex_shader1.glsl

attribute vec4 aPosition;
uniform mat4 vMatrix;
varying  vec3 vColor;

void main() {
    gl_Position = vMatrix * aPosition;
    vColor = aPosition.xyz;
}

res/raw/fragment_shader1.glsl

uniform vec4 uColor;
varying vec3 vColor;
void main()
{
    gl_FragColor = vec4(vColor, 1.0);
}

运行结果：
drawball

下载DrawBall
LaTeX公式编辑器

aitumingmumu
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
opengles绘制可旋转的球体
08-08
opengles绘制可旋转的球体
android下利用opengl es绘制线框球体
04-23
android下利用ndk opengl es绘制线框球体
OpenGLES：绘制一个混色旋转的3D球体
肖云鹤的博客
10-04 801
本篇博文讲解怎样实现3D世界的代表图形：一个混色旋转的3D球体
OpenglES2.0 for Android:来画个球吧
cassiePython的专栏
06-10 5722
OpenglES2.0 for Android:来画个球吧 首先看下球的坐标系 ，如图 ：                             （图来自百度百科 ） 设球上有一点 A ，球心为O ，OA在 xOy上的投影与X轴夹角为 φ ，    OA在与Z的夹角为 θ ，球的半径为r，则有 ;      r * sin θ = y / sin φ
OpenGL-ES 学习(4)---- OpenGL-ES 坐标体系
最新发布
小猪佩奇的博客
02-11 1107
从 [l，r] 到 [-1, 1] 的x坐标范围，从 [b，t] 到 [-1,1 ]的y坐标范围和 [-n，-f] 到[-1, 1] 的 z 的坐标范围。透视除法是一种将 3D 坐标变换到 2D 屏幕上的方法，它可以将3D空间中的任意点投影到一个正方体的六个面上，然后去掉那些不在正方体内部的点，得到最终可以显示在屏幕上的点。观察空间(View Space)也被称为 OpenGL-ES 相机空间（定义了相机所在的位置），即从摄像机的角度观察到的空间，它将对象的世界空间的坐标转换为观察者视野前面的坐标。
OpenGLES入门笔记：Rajawali学习（3.1）球体的绘制
lidec的专栏
08-18 2313
背景上一篇文章我们了解了Object3D类绘制3D模型的基本流程，现在我们使用一个实例来说明如何自定义一个基本的几何体模型。此处我们分析一下Rajawali中球体的实现，作为上一篇文章的补充说明。实现球型物体Sphere继承了Object3D。 下面我们看一下如何在Object3D的基础上扩展出来一个球型物体。先看一下我们如何在场景中创建并添加一个SphereSphere sphere = new
OpenGLES_实战04_教你绘制球体
u011525168的博客
09-25 632
学习是一件开心的额事情 本节学习目标 使用OpenGL绘制一个地球 上干货 第一步 创建一个工程 让学习成为一种习惯 让学习成为一种习惯 第二步 创建GLKViewController类型的控制器 让学习成为一种习惯 第三步 添加OpenGL ES 2.0的头文件 让学习成为一种习惯 ...
opengles 绘制球
with_dream的博客
01-08 2025
1. 准备知识gles最基本的图元时三角形，复杂的图元都可以分解为三角形 球有经纬度，根据经纬度可以将球分解为四边形，再将四边形分解为三角形。现在只需要求出四边形的坐标即可。 任意球面上的点，三维坐标 (x0, y0, z0) 计算：(R为球半径)x0 = R * cos(a) * sin(b); y0 = R * sin(a); z0 = R * cos(a) * cos(b);demo:
OpenGL如何画球体？
m0_57236802的博客
01-10 2706
在这个例子中，我们使用了 glVertexAttribPointer 函数配置了位置和法线的顶点属性指针。在这个例子中，我们使用了两层循环，计算出球体上所有点的坐标并将结果存储在 vertices 数组中。然后，我们可以使用这个数组来绘制球体。球体可以由许多三角形组成，而每个三角形都可以由三个顶点构成。为了画出一个精细的球体，需要使用很多三角形，这样才能够使球体看起来光滑。例如，假设我们想要计算一个球体上半径为 1 的点的坐标，极角为。纵向位置，极径表示球体上点的横向位置。具体来说，对于一个球体上的点。
OpenGL ES 3. 绘制球体 实战
sy_liao的专栏
04-05 2167
大家好，接下来将为大家介绍OpenGL ES 3. 绘制球体。 OpenGL ES 中任何形状的 3D 物体都是用三角形而成的， 因此，构建面物体最重要的就是到将面恰当划分成三角形的策略。最基本的策略是首先按照一定的规则将物体按行和列两个方向进行划分，这时就可以得到很多的小四边形。然后再将每个小四边形划分成两个三角形即可。 球面首先被按照度 (行)...
在android与debian上用opengles2绘制一个3D的旋转地球
Jim_Jing的专栏
07-21 2211
换了个公司， 工作内容bian
OpenGL绘制圆球
06-05
OpenGL入门小程序，使用两种算法实现， 可以控制改变球的数量和球的体积，来改变基本体素即三角形的数量以及顶点的数量。  可以通过改变glPolygonMode，切换是否填充所绘制的基本体素。  分别测试多个三角形的顶点同时置于一个glBegin 与 glEnd 之间，与每个glBegin 和 glEnd 间只存放一个三角形的顶点。  利用函数glutGet(GLUT_ELAPSED_TIME)（returns the time in milliseconds since glutInit or the first invocation of the function）统计绘制时间
openGL ES 画球
04-10
从别人的博客中拷贝的，内容很详细，还有注释，希望对大家有所帮助
Android openGL ES 画球
05-23
Android openGL ES 画球
OpenGLES20地月球体加纹理
10-08
OpenGLES20是安卓源码树下的opengl开发例子工程，用eclipse建的工程，我在里面加上了地球和月亮的球体+纹理，还有用点精灵绘画的夜空星星。纯粹是工作之余学习记录，有需要的下载参考，我也是参考网上的帖子搞的。...
OPENGL ES 球
11-26
opengl es 的球 已经封装好了直接可以用了，纠结球的建模的人可以借鉴下
android OpenGL ES 地球仪绘制——球体绘制及纹理映射——源码
04-06
支持如下： （1）opengl es绘制三角形拼成球体 （2）图片作为纹理映射到整个球面上 （3）双点触控缩放球体 （4）拖动旋转球体
Android多用户相关adb命令
aitumingmumu的专栏
05-12 6905
查看多用户 adb shell pm list users 安装应用到某个用户 adb install –user USER_ID name.apk 删除用户 pm remove-user USER_ID
Android 悬浮窗显示
aitumingmumu的专栏
05-29 5277
在AndroidManifestxml中加入 创建悬浮窗布局文件 通过bindService启动服务 创建FloatWindowServicejava 类 自定义FloatWindowView 在主类中定义成员变量并将MainActivity的引用传给FloatWindowService 在AndroidManifest.xml中加入<uses-permission android:name="an
opengl：绘制球体 c++
06-10
绘制球体可以使用OpenGL中的glu库提供的函数gluSphere。以下是一个简单的C++代码示例： ```c++ #include #include void display() { glClear(GL_COLOR_BUFFER_BIT); glMatrixMode(GL_MODELVIEW); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值