前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >OpenGL学习笔记——上色

OpenGL学习笔记——上色

作者头像
Oceanlong
发布2018-07-03 12:55:00
8020
发布2018-07-03 12:55:00
举报
文章被收录于专栏:移动开发面面观

前言

初学OpenGL,我越来越觉得学习OpenGL的过程,像一个小朋友学画画(我就是那个小朋友!)一开始,只画找来一张纸(窗体),在上面随便的涂抹上色,然后学着画规则物体,三角形、圆形等,接着学习画一些具有透视的3D场景,最后越画越接近真实的物理效果。

正所谓万事开头难,上一篇写了如何配置OpenGL的环境,相当于学会了如何展开一张画,这次要开始记录如何握笔。

参考教程

正文

<b>需求:</b>创建一个指定大小的窗体,并涂满指定的颜色。按ESC键退出窗体。

代码语言:javascript
复制
#include "stdafx.h"  
// GLEW
#define GLEW_STATIC
#include <GL/glew.h>

// GLFW
#include <GLFW/glfw3.h>
#include <iostream>
using namespace std;

// GL窗体的按钮回调
void key_callback(GLFWwindow* window, int key, int scancode, int action, int mode);

// Window dimensions
const GLuint WIDTH = 800, HEIGHT = 600;

第一部分比较简单,包含了必须的库,然后声明了按键回调,为了实现ESC退出窗体,同时定义了窗体的宽高。

代码语言:javascript
复制
int main(void)
{
    glfwInit();
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);
    glfwWindowHint(GLFW_RESIZABLE, GL_FALSE);
    ...

从这段代码,我们可以看出,glfw主要是为我们提供窗口的库,我们调用glfwInit();初始化,然后通过

代码语言:javascript
复制
GLFWAPI void glfwWindowHint(int hint, int value);

配置glfw窗口的相关属性。与通常的配置一样,glfwWindowHint方法的第一个参数是配置项,第二个参数是配置项的值。 上面这段代码的前两句,分别配置了glfwWindow的主版本号和副版本号,因此,我们告诉glfw,我们使用的OpenGL是3.3版本的。 第三句表示,我们只使用当前版本未被废弃的特性。 第四句表示,我们的窗体不允许被手动缩放(初学为了简化难度,忽略缩放问题)。

代码语言:javascript
复制
    ...
    // Create a GLFWwindow object that we can use for GLFW's functions
    GLFWwindow* window = glfwCreateWindow(WIDTH, HEIGHT, "LearnOpenGL", nullptr, nullptr);

    if (window == nullptr)
    {
        std::cout << "Failed to create GLFW window" << std::endl;
        glfwTerminate();
        return -1;
    }
    // Make the context of the specified window current on the calling thread
    glfwMakeContextCurrent(window);
    glfwSetKeyCallback(window, key_callback);
    ...

上面的代码中,我们调用

代码语言:javascript
复制
GLFWAPI GLFWwindow* glfwCreateWindow(int width, int height, const char* title, GLFWmonitor* monitor, GLFWwindow* share);

创建了我们的GLFW窗体。 这个方法中,前两个参数是窗体的宽高; 第三个参数是窗体的名字; 第四个参数是显示器相关参数,我们暂时不需要,当我们要创建全屏窗体时可能会用到。 第五个参数可以传入一个已经创建的窗体,并分享它的一些属性给当前要创建的窗体,我们暂时也不需要。

完成窗体的创建之后,我们先对创建过程进行一次检查。如果创建失败就直接终止程序。 如果创建成功,我们继续往下,调用

代码语言:javascript
复制
GLFWAPI void glfwMakeContextCurrent(GLFWwindow* window);

使我们创建的窗体的上下文到调用的线程上。

代码语言:javascript
复制
glfwSetKeyCallback(window, key_callback);

调用GLFWAPI GLFWkeyfun glfwSetKeyCallback(GLFWwindow* window, GLFWkeyfun cbfun);使窗口监听键盘按键。第一个参数是窗体对象,第二个参数是我们声明的按键回调函数。

至此,一个基本的窗体就创建完成,接下来就是在上面布满颜色。

代码语言:javascript
复制
while (!glfwWindowShouldClose(window))
    {
        // Check if any events have been activiated (key pressed, mouse moved etc.) and call corresponding response functions
        glfwPollEvents();

        // Clear the colorbuffer
        glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);

        // Swap the screen buffers
        glfwSwapBuffers(window);
    }

判断glfw窗口是否应该关闭。然后进行循环。 glfwPollEvents()监听所有事件,包括键盘点击和鼠标移动。 GLAPI void GLAPIENTRY glClearColor (GLclampf red, GLclampf green, GLclampf blue, GLclampf alpha);清除屏幕,同时可以设置清除屏幕的颜色的ARGB值。 GLAPI void GLAPIENTRY glClear (GLbitfield mask);清除gl的数据,可以通过输入的标志位决定清除数据的类型,例如glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT)表示要清除颜色缓冲以及深度缓冲。 GLFWAPI void glfwSwapBuffers(GLFWwindow* window);交换缓存区,执行刷新操作。 由于,我们采用双缓冲的结构,交换缓存时,我们就可以刷新窗口。

代码语言:javascript
复制
    glfwTerminate();

结束循环后,终止OpenGL。

最终,我们就可以打开一个窗体,并涂上固定的颜色。

最后结果

以上。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016.11.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档