返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >如何利用OpenGL画坐标轴指示图
  • 835
分享到

如何利用OpenGL画坐标轴指示图

2024-04-02 19:04:59 835人浏览 独家记忆
摘要

目录利用OpenGL画坐标轴指示图如何使用OpenGL绘制三维坐标系 总结利用OpenGL画坐标轴指示图  最开始是想在左下角位置画个坐标轴 后来在网上找了一个

利用OpenGL画坐标轴指示图

 最开始是想在左下角位置画个坐标轴

后来在网上找了一个,也是别人搬运的,没有出处。学习了一下,感觉不太方便

#include <iOStream>  
using namespace std;
 
#include<gl/glut.h>  
 
//这个N是用来计数的,为了验证两个回调函数display和reshape谁先执行
//结果是reshape先执行
int N = 0;
 
GLfloat transx, transy;
GLfloat scale;
 
int primw = 300;
int primh = 300;
GLfloat rotatex = 0, rotatey = 0;
GLint mousepx, mousepy;
 
void rend(void)
{
    glClear(GL_COLOR_BUFFER_BIT);
    glPointSize(8);
    glLineWidth(2);
    
    glPushMatrix();
    glTranslatef(transx, transy, 0);
    //glTranslatef(0, 0, 0);
    glRotatef(rotatex, 1, 0, 0);
    glRotatef(rotatey, 0, 1, 0);
    glBegin(GL_LINES);
    glColor3f(0, 1, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(0, 2, 0);
    glColor3f(1, 0, 0);
    glVertex3f(0, 0, 0);
    glVertex3f(2, 0, 0);
    glColor3f(0, 0, 1);
    glVertex3f(0, 0, 0);
    glVertex3f(0, 0, 2);
    glEnd();
    glPopMatrix();
    glFlush();
    if (N < 3)
        cout << "rend" << endl;
    N++;
}
 
void reshape(int w, int h)
{
    glViewport(0, 0, w, h);
    glMatrixMode(GL_PROJECTioN);
    glLoadIdentity();
    if (w <= h)
        gluOrtho2D(-10, 10, -10.0 / w * h, 10.0 / w * h);
    else
        gluOrtho2D(-10.0 / h * w, 10.0 / h * w, -10, 10);
    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
    if (w <= h)
    {   
        transx = (50 - w / 2.0) * 20.0 / w;
        transy = (50 - h / 2.0) * 20.0 / w;
    }
    else
    {
        
        transx = (50 - w / 2.0) * 20.0 / h;
        transy = (50 - h / 2.0) * 20.0 / h;
    }
    if (N < 3)
        cout << "reshape" << endl;
    N++;
}
 
void motion(int x, int y)//鼠标按下移动
{
    int w, h;
    w = glutGet(GLUT_WINDOW_WIDTH);
    h = glutGet(GLUT_WINDOW_HEIGHT);
    if (0 <= x && x <= w && 0 <= y && y <= h)
    {
        rotatex = -(mousepy - y) / (GLfloat)h * 360;
        rotatey = -(mousepx - x) / (GLfloat)w * 360;
        
        glutPostRedisplay();
    }
}
 
void mousedown(int mouse, int state, int x, int y)
{
    if (state == GLUT_DOWN)
    {
        mousepx = x;
        mousepy = y;
    }
    //  cout<<"mousepx:mousepy"<<endl;  
    //  cout<<mousepx<<"  "<<mousepy<<endl;
}
 
int main(int arGC, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB);
    glutInitwindowsize(primw, primh);
    glutCreateWindow("coordination");
 
    glClearColor(1, 1, 1, 0);
    glutDisplayFunc(rend);
    glutMotionFunc(motion);
    glutMouseFunc(mousedown);
    glutReshapeFunc(reshape);//最先调用,比display先
    glutMainLoop();
    return 0;
}

是这样的效果,效果还行,只是这种方式不太方便嵌到代码中

 最终还是决定不在左下角画了,直接在模型上画出来坐标轴,用颜色区分xyz

 顶点着色器如下,就是将三条线的顶点和颜色数组输入到顶点着色器中,并与模型使用相同的MVP

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec3 aColor;
 
unifORM mat4 modelview;
uniform mat4 view;
uniform mat4 projection;
out vec3 color;
 
void main()
{
        gl_Position = projection * view * modelview * vec4(aPos, 1.0);
        color = aColor;
}

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

第一,图中圆环所在的指定区域与坐标轴所在的区域是两个相互独立的空间,通过使用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');

 总结

到此这篇关于如何利用OpenGL画坐标轴指示图的文章就介绍到这了,更多相关OpenGL画坐标轴指示图内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 如何利用OpenGL画坐标轴指示图

本文链接: https://lsjlt.com/news/161873.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 如何利用OpenGL画坐标轴指示图
    目录利用OpenGL画坐标轴指示图如何使用OpenGL绘制三维坐标系 总结利用OpenGL画坐标轴指示图  最开始是想在左下角位置画个坐标轴 后来在网上找了一个...
    99+
    2024-04-02
  • 怎么利用OpenGL画坐标轴指示图
    本篇文章给大家分享的是有关怎么利用OpenGL画坐标轴指示图,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。利用OpenGL画坐标轴指示图 最开始是想在左下角位置画个坐...
    99+
    2023-06-26
  • 在R语言底层作图中如何设置坐标轴
    这篇文章给大家分享的是有关在R语言底层作图中如何设置坐标轴的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。要绘制一张赏心悦目的统计图表,坐标轴的设置至关重要。在R语言底层作图中,对坐标轴的调整主要通过调整plot函...
    99+
    2023-06-08
  • matlab画图只有坐标没有图像如何解决
    如果在MATLAB中只有坐标没有图像,可能是由于以下几个原因导致的:1. 没有使用plot函数进行绘图:在MATLAB中,要绘制图像...
    99+
    2023-09-14
    matlab
  • Pandas Matplotlib保存图形时坐标轴标签太长导致显示不全如何解决
    这篇文章主要介绍“Pandas Matplotlib保存图形时坐标轴标签太长导致显示不全如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Pandas Matplotlib保...
    99+
    2023-07-02
  • python matplotlib画图时坐标轴重叠显示不全和图片保存时不完整的问题解决
    目录问题解决方案保存时图片不完整的问题补充:使用matplotlib时如何让坐标轴完整显示所有的标签刻度总结问题 在使用matplotlib作图的时候,有的时候会遇到画图时坐标轴重叠...
    99+
    2024-04-02
  • Python中如何使用matplotlib绘图建立画布及坐标系
    小编给大家分享一下Python中如何使用matplotlib绘图建立画布及坐标系,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、建立画布import ...
    99+
    2023-06-22
  • 如何利用JS实现时间轴动画效果
    目录css动画什么是时间轴动画?动画对象动画函数思考总结css动画 在前端开发中,一些简单的动效往往是使用 css3 的 @keyframes 来实现的 ,如: .div1 { ...
    99+
    2024-04-02
  • 如何利用纯CSS实现旋转React图标的动画效果
    如何利用纯CSS实现旋转React图标的动画效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。几天前,小编在 codepen 看到一个剑气...
    99+
    2024-04-02
  • React Native中如何利用echarts画图表
    这篇文章主要讲解了“React Native中如何利用echarts画图表”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“React Native中如何利用echarts画图表”吧!小提示如果...
    99+
    2023-07-05
  • C#中如何使用DevExpress的ChartControl实现极坐标图
    今天小编给大家分享一下C#中如何使用DevExpress的ChartControl实现极坐标图的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一...
    99+
    2023-06-29
  • 用Python计算点估计预测评价指标(误差指标RMSE、MSE、MAE、MAPE) ,画图展示
    机器学习的回归问题常用RMSE,MSE, MAE,MAPE等评价指标,还有拟合优度R2。由于每次预测出来的预测值再去和原始数据进行误差评价指标的计算很麻烦,所以这里就直接给出他们五个指标的计算函数。把每次预测出来的值和真实值输入这个函数就可...
    99+
    2023-09-11
    python pandas 误差指标 拟合优度
  • 如何利用Python和matplotlib更改纵横坐标刻度颜色
    目录2D坐标系1 修改全部坐标颜色2 修改某一点坐标颜色3D坐标系1 修改全部坐标颜色2 修改某一点坐标颜色总结2D坐标系 1 修改全部坐标颜色 import matplotlib....
    99+
    2024-04-02
  • 如何使用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果
    小编给大家分享一下如何使用CSS和Bootstrap图标制作上下跳动的指示箭头动画效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!HTML:添加一个链接,可修改...
    99+
    2023-06-08
  • 如何利用pyecharts画好看的饼状图
    前言 使用的pyecharts是v1.0 这里需要注意,pyecharts0.5的版本和v1.0以上的版本完全不一样,可以说是两个包 该包能够方便快捷的绘制图形 饼状图 圆环 代码...
    99+
    2024-04-02
  • QT中在QLabel显示图片并且利用鼠标点击画线问题
    目录在QLabel显示图片并且利用鼠标点击画线以下为我的代码,供参考在QLabel显示图片并且利用鼠标点击画线 最近在做在Label上显示图片并且通过鼠标点击画线,在网上查了很多零零...
    99+
    2022-11-13
    QT QLabel显示图片 QLabel显示图片 鼠标点击画线
  • html5中如何实现Canvas路径绘图、坐标变换应用
    这篇文章主要介绍了html5中如何实现Canvas路径绘图、坐标变换应用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 代码如下:...
    99+
    2024-04-02
  • 如何利用Echarts根据经纬度给地图画点画线
    目录1、相关介绍2、地图绘制3、根据经纬度进行标点画线总结 1、相关介绍 在使用Echar进行绘制地图对象,首先我们需要地图的json文件,Echarts依赖默认会引入这个...
    99+
    2024-04-02
  • 微信小程序开发中如何使用canvas绘制坐标图
    这篇文章主要为大家展示了“微信小程序开发中如何使用canvas绘制坐标图”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序开发中如何使用canvas绘制坐标图”这篇文章吧。线图functi...
    99+
    2023-06-26
  • 如何利用echarts画雷达图和折柱混合
    目录导语雷达图效果折柱图效果总结导语 通常在根据设计图写echarts的时候,很多效果是官方实例里没有的,我在代码里加上了一些常用的效果,并做了注释。 雷达图 var option ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作