openGL——02、二维观察流水线

理解视口viewport函数

使用opengl实现如下图所示的二维螺旋线,但只能有一个drawSpiralLine的函数(使用视口):

多重螺旋丸.png

原理

使用glViewport设置视口,即图形在窗口的什么位置显示。

代码

/**
 * @Date: 2017.06.08
 */

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

void init(void) {
    glClearColor(1.0, 1.0, 1.0, 0.0);
    glMatrixMode(GL_PROJECTION);
    gluOrtho2D(0.0, 1000.0, 0.0, 900.0);
}

// 画螺旋线。
void drawSpriralLine() {
    GLfloat pi2 = 3.1415936 * 2;
    GLfloat one = 1.0;
    GLfloat zero = 0.0;
    GLfloat r = 450;
    GLfloat x = 500.0;
    GLfloat y = 450.0;
    GLfloat c = 0.08;

    glBegin(GL_POINTS);
    for (GLfloat j = 0; j < pi2 * 10; j += 0.01) {
        r = r < zero ? zero : r;
        glVertex2f(x + r * cos(j) + one, y + r * sin(j) + one);
        glVertex2f(x + r * cos(j) + one, y + r * sin(j) - one);
        glVertex2f(x + r * cos(j) - one, y + r * sin(j) + one);
        glVertex2f(x + r * cos(j) - one, y + r * sin(j) - one);
        glVertex2f(x + r * cos(j), y + r * sin(j));
        r -= c;
    }
    glEnd();
}

// 通过修改视口,在同一个显示窗口中,画出四个螺旋圈。
// 视口指定在输出设备上的什么位置进行观察。
void simulate(void) {
    glClear(GL_COLOR_BUFFER_BIT);
    glColor3f(0.0, 0.0, 0.0);

    glViewport(500, 450, 500, 450);    //    右上
    drawSpriralLine();

    glViewport(0, 0, 500, 450);        //    左下
    drawSpriralLine();

    glViewport(0, 450, 500, 450);    //    左上
    drawSpriralLine();

    glViewport(500, 0, 500, 450);    // 右下
    drawSpriralLine();

    glFlush();
}

int main(int argc, char** argv) {

    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition(50, 100);
    glutInitWindowSize(1000, 900);
    glutCreateWindow("spiral line OpenGL Program");

    init();
    glutDisplayFunc(simulate);
    glutMainLoop();

    return 0;
}

glutReshapeFunc函数

在窗口高宽的时候会被调用,包括第一次创建窗口的时候。调用此函数类似于像openg注册了一个函数。
移动窗口,窗口也会跟着变化。

/**
 * @Date: 2017.06.08
 */

#include <GL/glut.h>
#include <math.h>
#include <stdio.h>
#include <stdlib.h>
#include <time.h>
#include <string.h>

void init(void) {
    glClearColor(1.0, 1.0, 1.0, 0.0);
    glMatrixMode(GL_PROJECTION);
    gluOrtho2D(0.0, 1000.0, 0.0, 900.0);
}

// 画螺旋线。
void drawSpriralLine() {
    GLfloat pi2 = 3.1415936 * 2;
    GLfloat one = 1.0;
    GLfloat zero = 0.0;
    GLfloat r = 450;
    GLfloat x = 500.0;
    GLfloat y = 450.0;
    GLfloat c = 0.08;

    glBegin(GL_POINTS);
    for (GLfloat j = pi2 * 10; j >= 0; j -= 0.01) {
        r = r < zero ? zero : r;
        glVertex2f(x + r * cos(j) + one, y + r * sin(j) + one);
        glVertex2f(x + r * cos(j) + one, y + r * sin(j) - one);
        glVertex2f(x + r * cos(j) - one, y + r * sin(j) + one);
        glVertex2f(x + r * cos(j) - one, y + r * sin(j) - one);
        glVertex2f(x + r * cos(j), y + r * sin(j));
        r -= c;
    }
    glEnd();
}

// 通过修改视口,在同一个显示窗口中,画出四个螺旋圈。
// 视口指定在输出设备上的什么位置进行观察。
void simulate(void) {

}

void reshapFunc(int w, int h) {
    printf("reshapeFunc invoked  %lld \n", time((time_t*)NULL));

    glClear(GL_COLOR_BUFFER_BIT);
    glColor3f(0.0, 0.0, 0.0);

    glViewport(0, 0, w / 2, h / 2);    //    
    drawSpriralLine();

    glViewport(0, h / 2, w / 2, h / 2);        //    
    drawSpriralLine();

    glViewport(w / 2, 0, w / 2, h / 2);    //    
    drawSpriralLine();

    glViewport(w / 2, h / 2, w / 2, h / 2);    // 
    drawSpriralLine();

    glFlush();
}

int main(int argc, char** argv) {

    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition(50, 100);
    glutInitWindowSize(1000, 900);
    glutCreateWindow("spiral line OpenGL Program");

    init();
    glutDisplayFunc(simulate);
    glutReshapeFunc(reshapFunc);
    glutMainLoop();

    return 0;
}

githup链接:
https://github.com/lifeSo/graphicsDemo/blob/master/01.get start/03.glviewport.c

https://github.com/lifeSo/graphicsDemo/blob/master/01.get start/04.glutReshapeFunc.c

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 3,420评论 2 36
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,269评论 19 139
  • 都说能用钱摆平的事都不叫事,当然也有许多生活上的小事是钱解决不了的。 接收了一天的信号让我有了前所未有...
    小混混儿阅读 190评论 0 0
  • 前进的路越来越宽,四个字铭记心中,外界的干扰太多,才能在黑暗的努力上抹杀太多的焦虑,成就未来的自己,不要被任何的一...
    花开不败花开阅读 324评论 0 0
  • 最近,咪蒙发了一篇支持实习生休学的文章,很多人都写文章来反对她,在此,我也提出我的观点:我反对实习生休学。 我倒不...
    谢筱言阅读 2,175评论 2 4