用鼠标在 OpenGL GLUT 中绘制多边形

Posted 2023-02-16

【中文标题】用鼠标在 OpenGL GLUT 中绘制多边形

【英文标题】：Draw a polygon in OpenGL GLUT with mouse

【发布时间】：2017-11-05 15:26:24

【问题描述】：

我想在openGL Glut中通过鼠标交互绘制一个多边形，每次左键单击都将是一个顶点，并且在每个顶点之间绘制一条线。单击鼠标右键时，多边形将关闭，从最后一个顶点到第一个顶点绘制一条线。我想出了这个，但它似乎不起作用。

void draw_polygon(int button, int state, int x, int y) 

    bool right_pushed = 0;
    glClear(GL_COLOR_BUFFER_BIT);
    glBegin(GL_POINTS);

    if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) 
        p1.x = x;
        p1.y = 480 - y;

        //if right is clicked draw a line to here
        first.x = x;
        first.y = 480 - y;
    

    while (right_pushed == false) 

        if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN) 
            p2.x = x;
            p2.y = 480 - y;
        

        GLfloat dx = p2.x - p1.x;
        GLfloat dy = p2.y - p1.y;

        GLfloat x1 = p1.x;
        GLfloat y1 = p1.y;

        GLfloat step = 0;

        if (abs(dx) > abs(dy)) 
            step = abs(dx);
        
        else 
            step = abs(dy);
        

        GLfloat xInc = dx / step;
        GLfloat yInc = dy / step;


        for (float i = 1; i <= step; i++) 
            glVertex2i(x1, y1);
            x1 += xInc;
            y1 += yInc;
        


        p1.x = p2.x;
        p1.y = 480 - y;

        if (button == GLUT_RIGHT_BUTTON && state == GLUT_DOWN) 

            right_pushed = 1;
            p2.x = first.x;
            p2.y = first.y;

            dx = p2.x - p1.x;
            dy = p2.y - p1.y;

            x1 = p1.x;
            y1 = p1.y;

            step = 0;

            if (abs(dx) > abs(dy)) 
                step = abs(dx);
            
            else 
                step = abs(dy);
            

            xInc = dx / step;
            yInc = dy / step;


            for (float i = 1; i <= step; i++) 

                glVertex2i(x1, y1);
                x1 += xInc;
                y1 += yInc;

            

        
    

    glEnd();
    glFlush();




int main(int argc, char **argv) 
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition(200, 200);
    glutInitWindowSize(640, 480);
    glutCreateWindow("windows");
    glutDisplayFunc(display);
    glutMouseFunc(draw_polygon);//
    init();
    glutMainLoop();
    return 0;

我还试图找出如何添加一个功能，当我从菜单中选择时，我可以从创建这个多边形到编辑它的方式，我可以选择一个顶点，移动它，形状会改变相应地。

【问题讨论】：

您正在使用鼠标功能进行绘图。不要这样做。将多边形保存在变量中（例如点列表）。然后你的鼠标函数可以修改这个列表，你的显示函数可以渲染它。然后可以类似地修改多边形。顺便说一句，如果你刚开始学习 OpenGL，请不要用glBegin / glEnd / glVertex ... 学习已弃用的固定功能管道。

【参考方案1】：

您必须将鼠标事件和绘图功能分开。

在鼠标事件中，您应该只收集输入。我建议为此使用std::vector。如果按下鼠标左键，以下函数会向std::vector 添加一个点。如果按下右键，多边形将被标记为关闭。如果再次按下左键，则多边形被清除并重新开始处理。

#include <vector>
#include <array>

int vp_width = 640;
int vp_height = 480;

std::array<int, 2> currentPt;
std::vector<std::array<int, 2>> pts;
bool closed = false;

void draw_polygon(int button, int state, int x, int y)

    currentPt = std::array<int, 2>x, vp_height-y; 

    if (button == GLUT_LEFT_BUTTON && state == GLUT_DOWN)
    
        if ( closed )
            pts.clear(); // restart if last action was close
        closed = false;
        pts.push_back( currentPt );
    
    if ( button == GLUT_RIGHT_BUTTON && state == GLUT_DOWN )
        closed = true;

在鼠标移动事件函数中，您可以跟踪当前鼠标位置：

void mouse_move(int x, int y)

    currentPt = std::array<int, 2>x, vp_height-y;
    glutPostRedisplay();

在您的主循环中，您可以连续绘制当前点之间的线。流动函数在点列表之间画线。如果设置了“cloesd”标志，则多边形是闭合的。否则将绘制从列表中最后一个点到当前鼠标位置的线。

void display(void)

    glClearColor(0, 0, 0, 0);
    glClear(GL_COLOR_BUFFER_BIT);

    if ( !pts.empty() )
    
        glBegin(GL_LINE_STRIP);
        for ( auto &pt : pts )
            glVertex2f( (float)pt[0], (float)pt[1] );
        auto &endPt = closed ? pts.front() : currentPt;
        glVertex2f( (float)endPt[0], (float)endPt[1] );
        glEnd();
    

    //glFlush();
    glutSwapBuffers();

int main()

    ..... 
    glutDisplayFunc(display);
    glutPassiveMotionFunc (mouse_move);
    glutMouseFunc(draw_polygon);

    glMatrixMode( GL_PROJECTION );
    glOrtho(0.0f, (float)vp_width, 0.0f, (float)vp_height, -1.0, 1.0);
    .....

预览：

【讨论】：

这更清楚了，我找不到关于这些东西的教程和示例。在绘图多边形函数中，我试图让画布中有更多的形状，这样我就可以将它们合并到一个联合中，我删除了 pts.clear() 函数并递归地添加了绘图。这是个好主意吗？