opengl 学习笔记（3） 2D 点、线、坐标、键盘

最新推荐文章于 2020-06-11 14:40:20 发布
最新推荐文章于 2020-06-11 14:40:20 发布
阅读量303 收藏
点赞数
分类专栏： opengl
OpenGL 中描述一个顶点的方法是指定其坐标和属性，命令是：  
glVertex*(Coordination); 
 该命令以参数指定的坐标和当前颜色、纹理坐标、法向等属性定义一个顶点。  
OpenGL 中描述一个面（线、点）的方法是 glBegin/glEnd 命令组：  
glBegin( 形状 ); 
glVertex( 顶点 1); 
glVertex( 顶点 2); 
…… 
glEnd();

OpenGL 支持点 (GL_POINTS) 、线段 (GL_LINES) 、三角形 (GL_TRIANGLES) 、四边形 (GL_QUADS) 、多边形 (GL_POLYGON)等等，请看下面程序绘制一个点。
 
1、绘制一个点

// Purpose: To show how to draw points and lines in a windows
// Author: zieckey
// Date: 2009/10/7


#include "GL/glut.h"

void RenderScene()
{
    //清空颜色缓冲区，填充的颜色由 glClearColor( 0, 0.0, 0.0, 1 ); 指定为黑色

    glClear( GL_COLOR_BUFFER_BIT );
    glPointSize( 9 );//指定点的大小，9个像素单位
    glColor3f( 1.0f, 0.0f, 0.0f );//指定点的颜色
    glBegin( GL_POINTS );//开始画点
    {
        glVertex3f(0.0f, 0.0f, 0.0f); // 在坐标为(0,0,0)的地方绘制了一个点
    }
    glEnd();//结束画点
    glutSwapBuffers();
}

void SetupRC()
{
    glClearColor( 0.0f, 0.0f, 0.0f, 1 );//以RGB(0,0,0)即黑色来清空颜色缓冲区

    glColor3f( 1.0f, 0.0f, 0.0f );//以RGB(1,0,0)即红色来绘制图形

}


void ChangeSize( GLsizei w, GLsizei h )
{
    GLfloat nRange = 200.0f;

    // Prevent a divide by zero

    if(h == 0)
        h = 1;

    // Set Viewport to window dimensions

    glViewport(0, 0, w, h);

    // Reset projection matrix stack

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();

    // Establish clipping volume (left, right, bottom, top, near, far)

    if (w <= h) 
        glOrtho (-nRange, nRange, -nRange*h/w, nRange*h/w, -nRange, nRange);
    else 
        glOrtho (-nRange*w/h, nRange*w/h, -nRange, nRange, -nRange, nRange);

    // Reset Model view matrix stack

    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}

int main(int argc, char* argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
    glutInitWindowSize (200, 200);
    glutInitWindowPosition (10, 10);
    glutCreateWindow( "Point examples" );
    glutDisplayFunc( RenderScene );
    SetupRC();
    glutMainLoop();

    return 1;
}

程序运行结果如下：


2、下面，我们来绘制一个点园

// Purpose: To show how to draw points and lines in a windows
// Author: zieckey
// Date: 2009/10/7

#include "GL/glut.h"
#include <math.h>

void RenderScene()
{
    //清空颜色缓冲区，填充的颜色由 glClearColor( 0, 0.0, 0.0, 1 ); 指定为黑色

    glClear( GL_COLOR_BUFFER_BIT );

    glColor3f( 1.0f, 0.0f, 0.0f );//指定点的颜色,红色

    glPointSize( 9 );//指定点的大小，9个像素单位

    glBegin( GL_POINTS );//开始画点

    {
        glVertex3f(0.0f, 0.0f, 0.0f); // 在坐标为(0,0,0)的地方绘制了一个点

    }
    glEnd();//结束画点



    glColor3f( 0.0f, 1.0f, 0.0f );//指定点的颜色,绿色

    glPointSize( 3 );//指定点的大小，3个像素单位

    glBegin( GL_POINTS );
    {
        #define PI 3.14159f
        #define RADIUS 50.f
        GLfloat x = 0, y = 0, angle = 0.0;
        for ( angle = 0; angle <= 2.0f * PI; angle += 0.1f )
        {
            x = RADIUS * sin( angle );
            y = RADIUS * cos( angle );
            glVertex3f( x, y, 0 );
        }
    }
    glEnd();

    glutSwapBuffers();
}

void SetupRC()
{
    glClearColor( 0, 0.0, 0.0, 1 );
    glColor3f( 1.0f, 0.0f, 0.0f );
}

void ChangeSize( GLsizei w, GLsizei h )
{
    GLfloat nRange = 100.0f;

    // Prevent a divide by zero

    if(h == 0)
        h = 1;

    // Set Viewport to window dimensions

    glViewport(0, 0, w, h);

    // Reset projection matrix stack

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();

    // Establish clipping volume (left, right, bottom, top, near, far)

    if (w <= h) 
        glOrtho (-nRange, nRange, -nRange*h/w, nRange*h/w, -nRange, nRange);
    else 
        glOrtho (-nRange*w/h, nRange*w/h, -nRange, nRange, -nRange, nRange);

    // Reset Model view matrix stack

    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}

int main(int argc, char* argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
    glutInitWindowSize (400, 300);
    glutInitWindowPosition (100, 100);
    glutCreateWindow( "Point examples" );
    glutDisplayFunc( RenderScene );
    glutReshapeFunc( ChangeSize );
    SetupRC();
    glutMainLoop();

    return 1;
}


程序运行结果如下：



3、增加坐标轴

下面我们给上面的图形增加坐标轴，看看如何画线

// Purpose: To show how to draw points and lines in a windows

// Author: zieckey

// Date: 2009/10/7


#include "GL/glut.h"
#include <math.h>

void RenderScene()
{
    //清空颜色缓冲区，填充的颜色由 glClearColor( 0, 0.0, 0.0, 1 ); 指定为黑色

    glClear( GL_COLOR_BUFFER_BIT );

    //绘制一个点

    {
        glColor3f( 1.0f, 0.0f, 0.0f );//指定点的颜色,红色

        glPointSize( 9 );//指定点的大小，9个像素单位

        glBegin( GL_POINTS );//开始画点

        {
            glVertex3f(0.0f, 0.0f, 0.0f); // 在坐标为(0,0,0)的地方绘制了一个点

        }
        glEnd();//结束画点

    }

    //绘制一个点圆

    {
        glColor3f( 0.0f, 1.0f, 0.0f );//指定点的颜色,绿色

        glPointSize( 3 );//指定点的大小，3个像素单位

        glBegin( GL_POINTS );
        {
            #define PI 3.14159f
            #define RADIUS 50.f
            GLfloat x = 0, y = 0, angle = 0.0;
            for ( angle = 0; angle <= 2.0f * PI; angle += 0.1f )
            {
                x = RADIUS * sin( angle );
                y = RADIUS * cos( angle );
                glVertex3f( x, y, 0 );
            }
        }
        glEnd();
    }

    //绘制x、y坐标轴

    {
        glColor3f( 0.0f, 0.0f, 1.0f );//指定线的颜色,蓝色

        glBegin( GL_LINES );
        {
            // x-axis

            glVertex3f( -100.0f, 0.0f, 0.0f);
            glVertex3f( 100.0f, 0.0f, 0.0f);

            // x-axis arrow

            glVertex3f( 100.0f, 0.0f, 0.0f);
            glVertex3f( 93.0f, 3.0f, 0.0f);
            glVertex3f( 100.0f, 0.0f, 0.0f);
            glVertex3f( 93.0f,-3.0f, 0.0f);

            // y-axis

            glVertex3f( 0.0f, -100.0f, 0.0f);
            glVertex3f( 0.0f, 100.0f, 0.0f);
            glVertex3f( 0.0f, 100.0f, 0.0f);
            glVertex3f( 3.0f, 93.0f, 0.0f);
            glVertex3f( 0.0f, 100.0f, 0.0f);
            glVertex3f( -3.0f, 93.0f, 0.0f);
        }
        glEnd();
    }


    glutSwapBuffers();
}

void SetupRC()
{
    glClearColor( 0, 0.0, 0.0, 1 );
    glColor3f( 1.0f, 0.0f, 0.0f );
}

void ChangeSize( GLsizei w, GLsizei h )
{
    GLfloat nRange = 100.0f;

    // Prevent a divide by zero

    if(h == 0)
        h = 1;

    // Set Viewport to window dimensions

    glViewport(0, 0, w, h);

    // Reset projection matrix stack

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();

    // Establish clipping volume (left, right, bottom, top, near, far)

    if (w <= h) 
        glOrtho (-nRange, nRange, -nRange*h/w, nRange*h/w, -nRange, nRange);
    else 
        glOrtho (-nRange*w/h, nRange*w/h, -nRange, nRange, -nRange, nRange);

    // Reset Model view matrix stack

    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}

int main(int argc, char* argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
    glutInitWindowSize (400, 300);
    glutInitWindowPosition (100, 100);
    glutCreateWindow( "Point examples" );
    glutDisplayFunc( RenderScene );
    glutReshapeFunc( ChangeSize );
    SetupRC();
    glutMainLoop();

    return 1;
}

程序运行结果如下：


// Purpose: To show how to draw points and lines in a windows
// Author: zieckey
// Date: 2009/10/7


#include "GL/glut.h"
#include <math.h>

// Rotation amounts

static GLfloat xRot = 0.0f;
static GLfloat yRot = 0.0f;

void RenderScene()
{
    //清空颜色缓冲区，填充的颜色由 glClearColor( 0, 0.0, 0.0, 1 ); 指定为黑色

    glClear( GL_COLOR_BUFFER_BIT );

    // Save matrix state and do the rotation

    glPushMatrix();
    glRotatef(xRot, 1.0f, 0.0f, 0.0f);
    glRotatef(yRot, 0.0f, 1.0f, 0.0f);


    //绘制一个点

    {
        glColor3f( 1.0f, 0.0f, 0.0f );//指定点的颜色,红色

        glPointSize( 9 );//指定点的大小，9个像素单位

        glBegin( GL_POINTS );//开始画点

        {
            glVertex3f(0.0f, 0.0f, 0.0f); // 在坐标为(0,0,0)的地方绘制了一个点

        }
        glEnd();//结束画点

    }

    //绘制一个点圆

    {
        glColor3f( 0.5f, 0.5f, 0.5f );//指定点的颜色,灰白色

        glPointSize( 3 );//指定点的大小，3个像素单位

        glBegin( GL_POINTS );
        {
            #define PI 3.14159f
            #define CIRCLE_NUM 5
            #define RADIUS 100.f
            #define STEP 0.5f
            GLfloat x = 0, y = 0, z = -RADIUS, angle = 0.0;
            for ( angle = 0; angle <= 2.0f * PI * CIRCLE_NUM; angle += 0.1f )
            {
                x = RADIUS * sin( angle );
                y = RADIUS * cos( angle );
                z += STEP;
                glVertex3f( x, y, z );
            }
        }
        glEnd();
    }

    //绘制x、y坐标轴

    {
        glColor3f( 0.0f, 0.0f, 1.0f );//指定线的颜色,蓝色

        glBegin( GL_LINES );
        {
            // x-axis

            glVertex3f( 0.0f, 0.0f, 0.0f);
            glVertex3f( 200.0f, 0.0f, 0.0f);

            // x-axis arrow

            glVertex3f( 200.0f, 0.0f, 0.0f);
            glVertex3f( 193.0f, 3.0f, 0.0f);
            glVertex3f( 200.0f, 0.0f, 0.0f);
            glVertex3f( 193.0f,-3.0f, 0.0f);
        }
        glEnd();

        glColor3f( 0.0f, 1.0f, 0.0f );//指定线的颜色,绿色

        glBegin( GL_LINES );
        {
            // y-axis

            glVertex3f( 0.0f, 0.0f, 0.0f);
            glVertex3f( 0.0f, 200.0f, 0.0f);
            glVertex3f( 0.0f, 200.0f, 0.0f);
            glVertex3f( 3.0f, 193.0f, 0.0f);
            glVertex3f( 0.0f, 200.0f, 0.0f);
            glVertex3f( -3.0f, 193.0f, 0.0f);
        }
        glEnd();


        glColor3f( 1.0f, 0.0f, 0.0f );//指定线的颜色,红色

        glBegin( GL_LINES );
        {
            // z-axis

            glVertex3f( 0.0f, 0.0f, 0.0f );
            glVertex3f( 0.0f, 0.0f, 200.0f );
            glVertex3f( 0.0f, 0.0f, 200.0f );
            glVertex3f( 0.0f, 3.0f, 193.0f );
            glVertex3f( 0.0f, 0.0f, 200.0f );
            glVertex3f( 0.0f, -3.0f, 193.0f);
        }
        glEnd();
    }

    // Restore transformations

    glPopMatrix();

    glutSwapBuffers();
}

void SetupRC()
{
    glClearColor( 0, 0.0, 0.0, 1 );
    glColor3f( 1.0f, 0.0f, 0.0f );
}

void ChangeSize( GLsizei w, GLsizei h )
{
    GLfloat nRange = 200.0f;

    // Prevent a divide by zero

    if(h == 0)
        h = 1;

    // Set Viewport to window dimensions

    glViewport(0, 0, w, h);

    // Reset projection matrix stack

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();

    // Establish clipping volume (left, right, bottom, top, near, far)

    if (w <= h) 
        glOrtho (-nRange, nRange, -nRange*h/w, nRange*h/w, -nRange, nRange);
    else 
        glOrtho (-nRange*w/h, nRange*w/h, -nRange, nRange, -nRange, nRange);

    // Reset Model view matrix stack

    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}


void SpecialKeys(int key, int x, int y)
{
    if(key == GLUT_KEY_UP)
        xRot-= 5.0f;

    if(key == GLUT_KEY_DOWN)
        xRot += 5.0f;

    if(key == GLUT_KEY_LEFT)
        yRot -= 5.0f;

    if(key == GLUT_KEY_RIGHT)
        yRot += 5.0f;

    if(xRot > 356.0f)
        xRot = 0.0f;

    if(xRot < -1.0f)
        xRot = 355.0f;

    if(yRot > 356.0f)
        yRot = 0.0f;

    if(yRot < -1.0f)
        yRot = 355.0f;

    // Refresh the Window

    glutPostRedisplay();// this will refresh the window, so, it works the same to call RenderScene() directly 

}

int main(int argc, char* argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);
    glutInitWindowSize (800, 600);
    glutInitWindowPosition (100, 100);
    glutCreateWindow( "Point examples" );
    glutDisplayFunc( RenderScene );
    glutReshapeFunc( ChangeSize );
    glutSpecialFunc( SpecialKeys );
    SetupRC();
    glutMainLoop();

    return 1;
}


程序运行结果如下：


postpatient
关注
专栏目录
OpenGL学习笔记：坐标系统
mumufan05的专栏
08-20 1万+
为了将坐标从一个坐标系变换到另一个坐标系，我们需要用到几个变换矩阵，最重要的几个分别是模型(Model)、观察(View)、投影(Projection)三个矩阵。我们的顶点坐标起始于局部空间(Local Space)，在这里它称为局部坐标(Local Coordinate)，它在之后会变为世界坐标(World Coordinate)，观察坐标(View Coordinate)，裁剪坐标(Clip ...
Qt+OpenGL+VS2010写的输入点坐标，显示点和直线
11-23
新建一个空的Qt工程 把所给的文件添加进去即可 界面有两个部分 视图部分 点坐标输入部分 由于用的是QSpinBox类的 editingFinished 信号 所以每次输入顶点的时候不管原先那个点的值有没有变化 都要让光标在那个框中过一下 或者按个enter也行 总之要在那个框中过一下 ">新建一个空的Qt工程 把所给的文件添加进去即可 界面有两个部分 视图部分 点坐标输入部分 由于用的是QSpinBox类的 editingFinished 信号 所以每次输入顶点的时候不管原先那个点的值有没有变化 都要让光标在那个框中过 [更多]
openGL-输入点并显示
FrankDura的博客
08-11 1453
综述 没有任何技术含量，只是做一个备份。方便自己查阅。 代码 #include &lt;GLUT/GLUT.h&gt; #include &lt;iostream&gt; #include &lt;string&gt; #include &lt;vector&gt; #include &lt;iomanip&gt; #include &lt;fstream&gt; using na...
[计算机视觉中的多视几何](2.2.1) 2d点和线的齐次表示.
luixiao1220的博客
06-11 570
UTF8gbsn 我们这里的讲解都是在2D平面上面的 Homogeneous representation of lines. 传统表示2D平面中的直线的方法为 ax+by+c=0ax+by+c=0ax+by+c=0 那么,我们很自然的想到使用l=(a,b,c)T\mathbf{l}=(a,b,c)^Tl=(a,b,c)T来表示一条直线. 这便是齐次表示法. 注意, (a,b,c)T≡k(a,b,c)T,fork≠0(a,b,c)^T\equiv k(a,b,c)^T,for\quad k\neq 0(a,
opengl下的bresenham和dda直线算法实现（键盘输入点）
04-08
在visual c++下通过opengl实现直线的bresenham和dda的算法
以opengl制作2D贪吃蛇（一）
成长的足迹。。。。
11-19 4190
1) 搭建好基本的窗口环境     要确定窗口大小, 通过确定格子的大小(TILE_WIDTH, TILE_HEIGHT),                             格子的数量(TILE_COLUMN, TILE_ROW) 2) 画格子      两个循环 #include #include #include int TILE_WIDTH = 32; int
Cocos2d-x学习笔记之世界坐标系、本地坐标系、opengl坐标系、屏幕坐标系
01-20
cocos2d-x的坐标系很重要，想要学好该引擎，深入理解它的坐标体系很重要。注释写的很清楚了，对照上运行结果一块来看代码吧！ bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::...
OpenGL 学习笔记整理
最新发布
02-08
OpenGL 是一种广泛应用的图形库，主要用于创建2D和3D图像。它在OpenGLES的基础上运行，后者是OpenGL的嵌入式版本，适用于移动设备和嵌入式系统。OpenGL的核心概念是它采用客户端-服务端模式，其中客户端是程序员编写...
code_opengl学习笔记3-1-在3D中绘制点
09-30
在本节“code_opengl学习笔记3-1-在3D中绘制点”中，我们将深入探讨如何使用OpenGL来在三维空间中绘制点，这是构建更复杂图形的基础。 在OpenGL中，点是最基本的图元之一，它不具有长度、宽度或深度，但当在屏幕上...
LearnOpenGL学习笔记6：坐标
键盘春秋的博客
08-28 1103
一、 坐标系统将坐标转换为标准化设备坐标，接着再转化为屏幕坐标的过程通常是分步，也就是类似于流水线那样子，实现的，在流水线里面我们在将对象转换到屏幕空间之前会先将其转换到多个坐标系统(Coordinate System)。将对象的坐标转换到几个过渡坐标系(Intermediate Coordinate System)的优点在于，在这些特定的坐标系统中进行一些操作或运算更加方便和容易，这一点很快将会
把openpose生成的2D点转化成3D点
XYKenny的博客
07-03 8037
把openpose生成的2D点转化成3D点 https://github.com/ArashHosseini/3d-pose-baseline 该方法还没去尝试，可以考虑尝试一下，是否用在最后的论文里，还是挺炫酷的。
【GLSL教程】（七）逐像素的光照
热门推荐
racehorse的专栏
08-05 2万+
逐像素的方向光（Directional Light per Pixel） 这一节将把前面的shader代码改为逐像素计算的方向光。我们需要将工作按照两个shader拆分，以确定哪些是需要逐像素操作的。 首先看看每个顶点接收到的信息： •法线 •半向量 •光源方向 我们
OpenGL实验：绘制彩色五角星
ance_xiaojia的博客
11-03 3401
OpenGL实验：绘制彩色五角星第二次编程作业内容用配置好的OpenGL环境实现彩色五角星效果，以及把五角星作为3D对象绘制出来，通过按键能够调整角度（用J、K、L三个键分别控制三个互相正交方向上的旋转角度）。
OpenGL::让我们画几条线
听风轻咛
06-27 4203
看了OpenGLES已经有一段时间了，大致对这个3D库有了一些了解，之后就开始对这套API进行一下深入的研究学习。 学习主要是通过《计算机图形学》一书开展的，网上有什么红宝书蓝皮书什么的回头再看吧，学习要专注，你懂得。首先要先了解一下GL和GLUT的概念，自己详细Google下，总之你得先了解你所要用的库以及库的功能，在这里简单提一下，GL是3D库的主要API框架，而GLUT则是一些工具，我们在x
OpenGL的键盘交互绘制+（详细代码）
qq_40610760的博客
04-24 9256
一、首先我们先调出实验一的源代码运行：// ConsoleApplication2.cpp: 定义控制台应用程序的入口点。 // //（生成一个初始矩形）————蓝矩白景 #include "stdafx.h" #include &lt;Windows.h&gt; #include &lt;gl\glut.h&gt; #include &lt;stdlib.h&gt; vo...
OpenGL 2D入门：点、线与多边形绘制
OpenGL-2D基础入门是一篇针对...总结来说，这篇教程为初学者提供了OpenGL在2D图形中的基础知识，包括如何处理点、线和多边形，以及使用齐次坐标来简化图形处理。这对于理解并应用OpenGL进行图形编程是至关重要的基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值