【一步步学OpenGL 3】-《第一个三角形》

本教程简要介绍如何在OpenGL中渲染第一个三角形,扩展了前一个教程的内容。通过使用单位化盒子模型,当俯视Z轴负方向时,可以观察到三角形在视窗中的映射。源代码解释了如何定义包含三个顶点的数组,并在绘制函数中绘制三角形。
摘要由CSDN通过智能技术生成

教程 3

第一个三角形

原文:http://ogldev.atspace.co.uk/www/tutorial03/tutorial03.html
CSDN完整版专栏: http://blog.csdn.net/column/details/13062.html


背景

这篇教程非常简短,我们只是扩展前一个教程来渲染一个三角形。
这篇教程中我们依然使用那个单位化的盒子模型。可见的点必须在这个盒子内,这样他们将可以通过视窗的变换映射到窗口中可见的坐标上。当俯视Z坐标轴的负方向时这个单位化盒子看上去如下图:

单位盒子

点(-1.0, -1.0)映射到盒子的左下角,(-1.0,1.0)映射到左上角等等。如果将三角形的顶点往盒子外扩展移到盒子外,这个三角形将会被裁剪,只能看到三角形的一部分。

源代码详解:

(1)
Vector3f Vertices[3];
Vertices[0] = Vector3f(-1.0f, -1.0f, 0.0f);
Vertices[1] = Vector3f(1.0f, -1.0f, 0.0f);
Vertices[2] = Vector3f(0.0f, 1.0f, 0.0f);

这我们扩展上个教程中的顶点数组使其包含三个顶点;

(2)glDrawArrays(GL_TRIANGLES, 0, 3);
在绘制函数中有两个变化:画三角形而不是点,画三个顶点而不是一个。

示例Demo

#include <stdio.h>
#include <GL/glew.h>        // GLEW扩展库
#include <GLUT/freeglut.h>  // freeGLUT图形库
#include "ogldev_math_3d.h" // 用于OpenGL的3d数学库

GLuint VBO;

/**
 * 渲染回调函数
 */
static void RenderScenceCB(){
    // 清空颜色缓存
    glClear(GL_COLOR_BUFFER_BIT);

    // 开启顶点属性
    glEnableVertexAttribArray(0);
    // 绑定GL_ARRAY_BUFFER缓冲器
    glBindBuffer(GL_ARRAY_BUFFER, VBO);
    // 告诉管线怎样解析bufer中的数据
    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 0, 0);

    // 开始绘制几何图形(绘制一个三角形,三个顶点)
    glDrawArrays(GL_TRIANGLES, 0, 3);

    //  禁用顶点数据
    glDisableVertexAttribArray(0);

    // 交换前后缓存
    glutSwapBuffers();

    glFlush();
}

/**
 * 创建顶点缓冲器
 */
static void CreateVertexBuffer()
{
    // 创建含有3个顶点的顶点数组
    Vector3f Vertices[3];
    // 三角形的三个顶点位置
    Vertices[0] = Vector3f(-1.0f, -1.0f, 0.0f);
    Vertices[1] = Vector3f(1.0f, -1.0f, 0.0f);
    Vertices[2] = Vector3f(0.0f, 1.0f, 0.0f);

    // 创建缓冲器
    glGenBuffers(1, &VBO);
    // 绑定GL_ARRAY_BUFFER缓冲器
    glBindBuffer(GL_ARRAY_BUFFER, VBO);
    // 绑定顶点数据
    glBufferData(GL_ARRAY_BUFFER, sizeof(Vertices), Vertices, GL_STATIC_DRAW);
}

/**
 * 主函数
 */
int main(int argc, char ** argv) {

    // 初始化GLUT
    glutInit(&argc, argv);

    // 显示模式:双缓冲、RGBA
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA);

    // 窗口设置
    glutInitWindowSize(480, 320);      // 窗口尺寸
    glutInitWindowPosition(100, 100);  // 窗口位置
    glutCreateWindow("Tutorial 03");   // 窗口标题

    // 开始渲染
    glutDisplayFunc(RenderScenceCB);

    // 缓存清空后的颜色值
    glClearColor(0.0f, 0.0f, 0.0f, 0.0f);

    // 检查GLEW是否就绪,必须要在GLUT初始化之后!
    GLenum res = glewInit();
    if (res != GLEW_OK) {
        fprintf(stderr, "Error: '%s'\n", glewGetErrorString(res));
        return 1;
    }

    // 创建顶点缓冲器
    CreateVertexBuffer();

    // 通知开始GLUT的内部循环
    glutMainLoop();

    return 0;
}

运行效果

这里写图片描述

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值