D50.1.0 如何使用OpenGL绘制三维坐标系

如何在屏幕左下角绘制直角坐标系?

  • 第一步,指定屏幕绘制区域
  • 第二步,设定投影效果、观察坐标及旋转缩放等
  • 第三步,绘制坐标轴,绘制箭头
  • 第四步,添加“xyz”字符

wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

第一,图中圆环所在的指定区域与坐标轴所在的区域是两个相互独立的空间,通过使用glViewport函数限定。

glViewport(0,0,500,500);//指定圆环绘制空间,从(0,0)位置开始,长宽分别为500

glViewport(0,300,200,200);//指定坐标轴的绘制空间,从(0,300)位置开始,长宽分别为200

第二,设定投影效果、观察坐标及旋转缩放等

//设置投影效果//
glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-500, 500, -500, 500, -500, 500);  //指定了一个正方体区域,在这个区域内的图形才能正常显示

//设置模型视图矩阵,开始画图//
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();
gluLookAt(0, 2, 0, 0, 0, 0, 0, 0, 1);      //从(0,2,0)位置看向原点,z轴向上

第二,考虑到实际应用中我们需要对圆环进行旋转,那坐标系也应该进行旋转,这样才能一一对应上。

glRotatef(_xAngle, 1, 0, 0);
glRotatef(_yAngle, 0, 1, 0);
//传入的角度根据具体需求具体设定

第三,绘制坐标轴。可以将坐标轴画成一个上下底面同宽,长度较长的一个圆柱体;而坐标箭头可以看成头部很宽,底部宽度为0的圆柱体。

const int AXES_LEN = 300;
const int ARROW_LEN = 100;
const int ARROW_RADIUS = 30;

GLUquadricObj *objCylinder = gluNewQuadric();
//确定坐标系原点
glPushMatrix();
glColor3f(1.0f, 1.0f, 1.0f);
glutSolidSphere(15, 20, 20);
glPopMatrix();

glPushMatrix();
glColor3f(1.0f, 0.0f, 0.0f);
glutSolidSphere(0.25, 6, 6);
gluCylinder(objCylinder, 10, 10, AXES_LEN, 10, 5);            //z
glTranslatef(0, 0, AXES_LEN);
gluCylinder(objCylinder, ARROW_RADIUS, 0, ARROW_LEN, 10, 5);  //z arrow
glPopMatrix();

glPushMatrix();
glColor3f(0.0f, 1.0f, 0.0f);
glRotatef(90, 1.0, 0.0, 0.0);
gluCylinder(objCylinder, 10, 10, AXES_LEN, 10, 5);             //Y
glTranslatef(0, 0, AXES_LEN);
gluCylinder(objCylinder, ARROW_RADIUS, 0, ARROW_LEN, 10, 5);   //Y arrow
glPopMatrix();

glPushMatrix();
glColor3f(0.0f, 0.0f, 1.0f);
glRotatef(90, 0.0, 1.0, 0.0);
gluCylinder(objCylinder, 10, 10, AXES_LEN, 10, 5);              //X
glTranslatef(0, 0, AXES_LEN);
gluCylinder(objCylinder, ARROW_RADIUS, 0, ARROW_LEN, 10, 5);    //X arrow
glPopMatrix();

上述代码中需要注意到的是x轴和y轴的是根据z轴旋转得到的。

第四步,添加“xyz”字符,这是我目前遇到的问题。我尝试使用如下代码:

glRasterPos3f(300, 0, 0);
glutBitmapCharacter(GLUT_BITMAP_HELVETICA_18, 'y');

但是现实的字符出现了翻转,如下图:

wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

最后需要加上收尾的代码,这样才能刷新缓冲区。

glFinish();
glFlush(); // remember to flush GL output!
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值