OpenGL编程（六）通过三角形绘画出3D模型

使用三角形绘制3D模型



三角形是基本的多边形，任何多变形都能由三角形组成。三角形是由三个顶点的连线组成。三个点分别是v0；v1；v2。

1、绕法

从某个顶点开始，有两种连线的方法，顺时针和逆时针，这是两种不同的绕法。

2、连接多个三角形

三角形能拼出任何多边形平面或曲面。所以对于平面或曲面，我们只需要保存组成这个面的所有三角形的顶点以及拼法即可。例如某个面有n个三角形组成，我们需要保存3n个顶点。如果我们我比较好的方法，可以减少保存顶点的个数，那么将大大减少内存。以下两种方法能够实现我们的想法。

（1）三角条



如上图，该面由三个三角形组成，假设我们以逆时针为正方形的绕法。

绘制第一个三角形式，我们需要知道三个顶点v0;v1;v2；绘制第二个三角形是，由于应用到第一个三角形的两个顶点v1;v2;所以我们只需要知道（保存）一个顶点（v3）即可；同样的方法绘制第三个三角形。理想情况下，按这种方法，一个面如果由n个三角形拼接成，那么我们只需要保存n+2个顶点即可。

这种方法是以新绘制的三角形利用到前面最后一次绘制的三角形的最后两个顶点。

（2）三角扇形



这种方法跟上面的方法不同的地方是，这里的新绘制的三角形利用到前面已经绘制三角形的顶点是v0(初始顶点)和前面最后一次增加的顶点。如上图所示。

与第一种方法一样，这种方法在理想的情况向，需要保存的顶点个数为n+2。

3、使用三角扇形绘制一个锥体

（1）以锥体的顶点为原点，通过三角扇形的方法绘制锥体的侧面

a)设置以顺时针的方向为正方向：

glFrontFace(GL_CW);

b)设置以三角扇的绘制方法：

glBegin(GL_TRIANGLE_FAN);

c)绘制侧面

glBegin(GL_TRIANGLE_FAN);
glVertex3f(0.0f, 0.0f, 75.0f);

int ipvot = 0;
for(angle = 0.0f; angle < (2.0f * PI); angle += (PI / 8.0f))
{
    x = 50.0f * sin(angle);
    y = 50.0f * cos(angle);

    if(ipvot % 2 == 0) glColor3f(0.0f, 1.0f, 0.0f);
    else glColor3f(1.0f, 0.0f, 0.0f);

    ipvot++;

    glVertex3f(x, y, 0.0f);

}
glEnd();

d)绘制底面

glBegin(GL_TRIANGLE_FAN);
    glVertex3f(0.0f, 0.0f, 0.0f);

    for(angle = 0; angle < (2.0f * PI); angle += (PI / 8.0f))
    {
        x = 50.0f * sin(angle);
        y = 50.0f * cos(angle);

        if(ipvot % 2 == 0) glColor3f(0.0f, 1.0f, 0.0f);
        else glColor3f(1.0f, 0.0f, 0.0f);

        ipvot++;

        glVertex3f(x, y, 0.0f);
    }

    glEnd();

前面的操作得到的效果图如下：

这个图是以直代曲的方法，上面使用的是16个三角形去模拟侧面，当以100个或者更多个三角形去模拟侧面时，想过会更好，当然执行时间也需要花费更多。

3)通过注册上下左右按钮空时模型旋转

if(key == GLUT_KEY_UP)
        xRot -= 5.0f;

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

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

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

    if(xRot < 0) xRot = 355.0f;
    if(xRot > 360.0f) xRot = 0.0f;

    if(yRot < 0) yRot = 355.0f;
    if(yRot > 360.0f) yRot = 0.0f;
    //改变模型角度后需要从新绘画到窗口上去
    glutPostRedisplay();

效果图如下图所示：

4、感想

太久没做OpenGL实验了，很多基本知识忘记了。这次的实验原理很简单，但在实验的过程中还是有遇到了一点小困难，经过查找资料和思考，顺利完成这次实验。编程需要多练习，很多知识，你似乎很容易就看明白了，可是在实验的过程中，你会发现很多小细节在实验前你没注意到。

5、完整代码

#include <windows.h>
#include <gl/glut.h>
#include<math.h>

const GLfloat PI = 3.1415f;
GLfloat xRot = 0.0f;
GLfloat yRot = 0.0f;

void rendererScene(void);
void changeWindowSize(GLsizei w, GLsizei h);
void setupRC(void);
void rotateMode(int key, int x, int y);

int main(int argc, char* argv[])
{
    //设置显示模式
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH);

    //设置窗口大小
    glutInitWindowSize(300, 300);

    //设置窗口在屏幕上的位置
    glutInitWindowPosition(200, 200);

    //创建窗口标题
    glutCreateWindow("三角形绘3D模型");

    //注册显示窗口时回调渲染函数
    glutDisplayFunc(rendererScene);

    glOrtho(-100.0f, 100.0f, -100.0f, 100.0f, -100.0f, 100.0f);

    //注册窗口大小改变时回调函数
    glutReshapeFunc(changeWindowSize);

    //注册点击上下左右方向按钮时回调rotateMode函数
    glutSpecialFunc(rotateMode);

    setupRC();

    //消息循环（处理操作系统等的消息，例如键盘、鼠标事件等）
    glutMainLoop();
    return 0;
}

/**
渲染函数
*/
void rendererScene(void)
{
    GLfloat x, y, angle;
    glClear(GL_COLOR_BUFFER_BIT);

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

    glBegin(GL_TRIANGLE_FAN);
    glVertex3f(0.0f, 0.0f, 75.0f);

    int ipvot = 0;
    for(angle = 0.0f; angle < (2.0f * PI); angle += (PI / 8.0f))
    {
        x = 50.0f * sin(angle);
        y = 50.0f * cos(angle);

        if(ipvot % 2 == 0) glColor3f(0.0f, 1.0f, 0.0f);
        else glColor3f(1.0f, 0.0f, 0.0f);

        ipvot++;

        glVertex3f(x, y, 0.0f);

    }
    glEnd();

    glBegin(GL_TRIANGLE_FAN);
    glVertex3f(0.0f, 0.0f, 0.0f);

    for(angle = 0; angle < (2.0f * PI); angle += (PI / 8.0f))
    {
        x = 50.0f * sin(angle);
        y = 50.0f * cos(angle);

        if(ipvot % 2 == 0) glColor3f(0.0f, 1.0f, 0.0f);
        else glColor3f(1.0f, 0.0f, 0.0f);

        ipvot++;

        glVertex3f(x, y, 0.0f);
    }

    glEnd();

    glPopMatrix();

    glutSwapBuffers();

}

/**
改变窗口大小时回调函数
*/
void changeWindowSize(GLsizei w, GLsizei h)
{
    GLfloat length = 100.0f;
    if(h == 0) h = 1;
    glViewport(0, 0, w, h);

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();

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

    glMatrixMode(GL_MODELVIEW);
    glLoadIdentity();
}

/**
设置
*/
void setupRC(void)
{
    //背景颜色
    glClearColor(0.0f, 0.0f, 0.0f, 1.0f);

    glShadeModel(GL_FLAT);

    glFrontFace(GL_CW);
}

/**
旋转
*/
void rotateMode(int key, int x, int y)
{
    if(key == GLUT_KEY_UP)
        xRot -= 5.0f;

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

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

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

    if(xRot < 0) xRot = 355.0f;
    if(xRot > 360.0f) xRot = 0.0f;

    if(yRot < 0) yRot = 355.0f;
    if(yRot > 360.0f) yRot = 0.0f;

    glutPostRedisplay();

}