OpenGL ES总结(二)OpenGL坐标变换之平移及旋转

导读:OpenGL是在图形图像中,非常优秀的渲染库,文中Demo下载地址:https://github.com/hejunlin2013/OpenGLCoordinate,看下今天的Agenda:

  • 世界坐标系是什么?
  • 绘图坐标系是什么?
  • 设备坐标是什么?
  • 眼坐标是什么? OpenGL ES 3.1 坐标变换实践

世界坐标系:

  • 在OpenGL中,世界坐标系是以屏幕中心为原点(0, 0, 0),且是始终不变的。你面对屏幕,你的右边是x正轴,上面是y正轴,屏幕指向你的为z正轴。长度单位这样来定:窗口范围按此单位恰好是(-1,-1)到(1,1),即屏幕左下角坐标为(-1,-1),右上角坐标为(1,1)。

openGL使用右手坐标 从左到右,x递增 从下到上,y递增 从远到近,z递增

当前绘图坐标系:

  • 是绘制物体时的坐标系。程序刚初始化时,世界坐标系和当前绘图坐标系是重合的。当用glTranslatef(),glScalef(), glRotatef()等对当前绘图坐标系进行平移、伸缩、旋转变换之后,世界坐标系和当前绘图坐标系不再重合。注意,这里的平移旋转是将当前绘图坐标系看做一个整体在世界坐标系中进行旋转平移。然后,改变以后,再用glVertex3f()等绘图函数绘图时,都是在当前绘图坐标系进行绘图,所有的函数参数也都是相对当前绘图坐标系来讲的。

其中四种坐标经常要在程序中用到:世界坐标,物体坐标,设备坐标和眼坐标。

  • 1、世界坐标是OpenGL中用来描述场景的坐标,Z+轴垂直屏幕向外,X+从左到右,Y+轴从下到上,是右手笛卡尔坐标系统。我们用这个坐标系来描述物体及光源的位置。 将物体放到场景中也就是将物体平移到特定位置、旋转一定角度,这些操作就是坐标变换。OpenGL中提供了glTranslate*/glRotate*/glScale*三条坐标变换命令,利用OpenGL的矩阵运算命令,则可以实现任意复杂的坐标变换。
    • OpenGL中有一个坐标变换矩阵栈(ModelView),栈顶就是当前坐标变换矩阵,进入OpenGL管道的每个坐标(齐次坐标)都会先乘上这个矩阵,结果才是对应点在场景中的世界坐标。OpenGL中的坐标变换都是通过矩阵运算完成的,与图形学课本的描述完全一致。要注意的是变换中的矩阵乘法是左乘,而矩阵乘法与算术乘法不同,不符合交换律(万一不明白去看矩阵代数书好了)。
    • glTranslate*(x,y,z):平移,参数为各轴向的移动量。
    • glRotate(d,x,y,z):旋转,第一个参数为转动的度数,后三个参数表明是否绕该轴旋转。通常x,y,z中只有一个为1,其余为0,用连续几条旋转命令完成复杂旋转。由于矩阵运算的左乘特点,旋转命令的顺序与旋转动作的顺序正好相反。
  • 2、物体坐标是以物体某一点为原点而建立的“世界坐标”,该坐标系仅对该物体适用,用来简化对物体各部分坐标的描述。物体放到场景中时,各部分经历的坐标变换相同,相对位置不变,所以可视为一个整体,与人类的思维习惯一致。
  • 3、眼坐标是以视点为原点,以视线的方向为Z+轴正方向的坐标系中的方向。OpenGL管道会将世界坐标先变换到眼坐标,然后进行裁剪,只有在视线范围(视见体)之内的场景才会进入下一阶段的计算。同样的,有投影变换矩阵栈(Projection),栈顶矩阵就是当前投影变换矩阵,负责将场景各坐标变换到眼坐标,由所得到的结果是裁剪后的场景部分,称为裁剪坐标。前面提到过的视见体设定其实就是在建立该矩阵。
  • 4、设备坐标:OpenGL 的重要功能之一就是将三维的世界坐标经过变换、投影等计算,最终算出它在显示设备上对应的位置,这个位置就称为设备坐标。在屏幕、打印机等设备上的坐标是二维坐标。值得一提的是,OpenGL可以只使用设备的一部分进行绘制,这个部分称为视区或视口(viewport)。投影得到的是视区内的坐标(投影坐标),从投影坐标到设备坐标的计算过程就是设备变换了。

对应代码:

MainActivity

package com.example.hejunlin.openglcoordinate;
import android.opengl.GLSurfaceView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
 private GLSurfaceView mSurfaceView;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
        mSurfaceView = new GLSurfaceView(this);
        mSurfaceView.setRenderer(new MyGLRenderer());
        setContentView(mSurfaceView);
 }
 @Override
 protected void onResume() {
 super.onResume();
        mSurfaceView.onResume();
 }
 @Override
 protected void onPause() {
 super.onPause();
        mSurfaceView.onPause();
 }

Renderer

public class MyGLRenderer implements GLSurfaceView.Renderer {
 private Coordinate coordinate;
 private float mAngle = 45;
 public MyGLRenderer() {
        coordinate = new Coordinate();
 }
 @Override
 public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        gl.glClearColor(255.0f, 255.0f, 255.0f, 1.0f);
        gl.glClearDepthf(1.0f);
        gl.glEnable(GL10.GL_DEPTH_TEST);
        gl.glDepthFunc(GL10.GL_LEQUAL);
        gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, 
        GL10.GL_NICEST);
        gl.glShadeModel(GL10.GL_SMOOTH);
        gl.glDisable(GL10.GL_DITHER);
 }
 @Override
 public void onSurfaceChanged(GL10 gl, int width, int height) {
 if (height == 0) {
            height = 1;
 }
 float aspect = (float) width / height;
        gl.glViewport(0, 0, width, height);
        gl.glMatrixMode(GL10.GL_PROJECTION);
        gl.glLoadIdentity();
        GLU.gluPerspective(gl, 45, aspect, 0.1f, 100.0f);
        gl.glMatrixMode(GL10.GL_MODELVIEW);
        gl.glLoadIdentity();
 }
 @Override
 public void onDrawFrame(GL10 gl) {
 Log.d("AAA" , ">> onDrawFrame mAngle " + mAngle);
 // 画背景颜色
        GLES31.glClear(GLES31.GL_COLOR_BUFFER_BIT | 
        GLES31.GL_DEPTH_BUFFER_BIT);
        gl.glLoadIdentity();
        gl.glTranslatef(0.0f, 0.3f, -2.0f);
        mAngle ++;
//        gl.glRotatef(mAngle,1.0f,1.0f,1.0f);
        coordinate.draw(gl);
 }
}

Coordinate

public class Coordinate {
 private FloatBuffer vertexsBuffer;
 private FloatBuffer colorsBuffer;
 private ByteBuffer indicesBuffer;
 private float vertexs[] = {
 0.0f, 0.0f, 0.0f,
 1.0f, 0.0f, 0.0f,
 0.0f, 0.0f, 0.0f,
 0.0f, 1.0f, 0.0f,
 0.0f, 0.0f, 0.0f,
 0.0f, 0.0f, 1.0f
 };
 private float colors[] = {
 1.0f, 0.0f, 0.0f, 1.0f,
 1.0f, 0.0f, 0.0f, 1.0f,
 0.0f, 1.0f, 0.0f, 1.0f,
 0.0f, 1.0f, 0.0f, 1.0f,
 0.0f, 0.0f, 1.0f, 1.0f,
 0.0f, 0.0f, 1.0f, 1.0f
 };
 private byte indices[] = {0, 1, 2};
 public Coordinate() {
 ByteBuffer vbb = ByteBuffer.
        allocateDirect(vertexs.length * 4);
        vbb.order(ByteOrder.nativeOrder());
        vertexsBuffer = vbb.asFloatBuffer();
        vertexsBuffer.put(vertexs);
        vertexsBuffer.position(0);
 ByteBuffer cbb = ByteBuffer.
        allocateDirect(colors.length * 4);
        cbb.order(ByteOrder.nativeOrder());
        colorsBuffer = cbb.asFloatBuffer();
        colorsBuffer.put(colors);
        colorsBuffer.position(0);
 }
 public void draw(GL10 gl) {
        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
        gl.glEnableClientState(GL10.GL_COLOR_ARRAY);
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexsBuffer);
        gl.glColorPointer(4, GL10.GL_FLOAT, 0, colorsBuffer);
        gl.glLineWidth(9);
        gl.glDrawArrays(GL10.GL_LINES, 0, vertexs.length / 3);
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
 }
}

通过变换 gl.glTranslatef(0.0f, 0.3f, -2.0f)中,前两个参数,来看下变换后效果。 下图坐标:(0.0f, 0.0f, -2.0f)

先换x,变成(0.3f, 0.0f, -2.0f),对应图如下:

换x,变成(-0.3f, 0.0f, -2.0f),对应图如下:

换y,变成(0.0f, 0.3f, -2.0f),对应图如下:

换y,变成(0.0f, -0.3f, -2.0f),对应图如下:

void glTranslatef(GLdouble x,          GLdouble y,          GLdouble z);

参数说明: x,y,z:分别指定沿x,y,z轴方向的平移分量。

重点就是沿着x,y,z轴移动。 注意在glTranslatef(x, y, z)中,当您移动的时候,您并不是相对屏幕中心移动,而是相对与当前所在的屏幕位置。 其作用就是将你绘点坐标的原点在当前原点的基础上平移一个(x,y,z)向量。

原文发布于微信公众号 - 何俊林(DriodDeveloper)

原文发表时间:2017-03-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏懒人开发

(3.1)James Stewart Calculus 5th Edition:Derivatives of Polynomials and Exponential Functions

这里y = 2x 是 和 y = e^x 相切 如果 斜率为2,则对应横坐标值为a, 点为(a,e^a) 就是: **e^a = 2 ** => **...

12030
来自专栏人工智能

利用神经网络算法的C#手写数字识别

尽管在过去几年已经有许多系统和分类算法被提出,但是手写识别任然是模式识别中的一项挑战。

1.4K110
来自专栏专知

【2018最新版】 200个最好的与机器学习、自然语言处理相关教程

【导读】近年来,机器学习等新最新技术层出不穷,如何跟踪最新的热点以及最新资源,作者Robbie Allen列出了一系列相关资源教程列表,包含四个主题:机器学习,...

15800
来自专栏大数据挖掘DT机器学习

机器学习算法-决策树C4.5练习

决策树是一个预测模型;他代表的是对象属性与对象值之间的一种映射关系。树中每个节点表示某个对象,而每个分叉路径则代表的某个可能的属性值,而每个叶结点则对应...

40160
来自专栏磐创AI技术团队的专栏

使用Keras进行深度学习:(三)使用text-CNN处理自然语言(上)

上一篇文章中一直围绕着CNN处理图像数据进行讲解,而CNN除了处理图像数据之外,还适用于文本分类。CNN模型首次使用在文本分类,是Yoon Kim发表的“Con...

73980
来自专栏我的python

char-rnn 语言模型

项目GitHub地址:https://github.com/ClownW/Char-RNN-Pytorch

60260
来自专栏WOLFRAM

用 Mathematica 玩转环面

28650
来自专栏专知

【论文推荐】最新六篇机器翻译相关论文—跨语言推理、单语数据、可扩展工具包、不确定性、合成

【导读】专知内容组整理了最近六篇机器翻译(Machine Translation)相关文章,为大家进行介绍,欢迎查看! 1. Baselines and tes...

42850
来自专栏大数据挖掘DT机器学习

R语言与机器学习(分类算法)决策树算法

决策树定义 首先,我们来谈谈什么是决策树。我们还是以鸢尾花为例子来说明这个问题。 ? 观察上图,我们判决鸢尾花的思考过程可以这么...

54340
来自专栏CreateAMind

神经网络里的信息存储在哪里?如何更好的存储和提取?

神经元的活性和神经元之间的权重都存储了重要信息,有没有更好的存储方式呢?如何向生物记忆学习呢?

9720

扫码关注云+社区

领取腾讯云代金券