vscode 通过GLFW,GLEW 配置使用 OpenGL 的方法

新建项目

  1. 首先建立一个文件夹作为工作区
    在这里插入图片描述

  2. 在vscode中打开该文件夹,新建一个main.cpp文件
    在这里插入图片描述

  3. 按下F5,然后选择C++ (GDB/LLDB),然后选择g++.exe
    在这里插入图片描述
    在这里插入图片描述

  4. 运行成功
    在这里插入图片描述
    我们发现目录下多了一个.vscode/tasks.json文件,这个我们待会要配置。
    在这里插入图片描述

配置GLFW

  1. 百度一下GLFW,进入官网,然后点击Download,根据需要选择对应版本(这里下载的是二进制文件,无需自己编译)
    在这里插入图片描述

  2. 进入解压后的文件夹,找到我们将要用到的include文件夹和libglfw3.a文件,复制一下
    在这里插入图片描述

  3. 新建一个文件夹depends,将我们刚才复制的include文件夹和libglfw3.a文件粘贴进去

  4. 此时整个文件夹的目录树是这样的

在这里插入图片描述
5. 使用快捷键Ctrl+Shift+P打开命令面板,搜索编辑配置
在这里插入图片描述
这时会生成一个.vscode/c_cpp_properties.json文件,编辑该文件中的includePath加入我们的depends下的include 文件夹
在这里插入图片描述

  1. 编写tasks.json以确保我们的项目能调用GLFW的库文件(自行加上带注释的那几句话,注意前后顺序)
{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++.exe 生成活动文件",
            "command": "F:\\mingw64\\bin\\g++.exe",
            "args": [
                "-fdiagnostics-color=always",
                "-g",
                "${file}",
                "${fileDirname}/depends/libglfw3.a", //链接至glfw库
                "-lopengl32", //链接系统中的opengl32库
                "-lgdi32", //链接系统中的gdi32库
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe",
                "--include-directory=${fileDirname}/depends/include" //确保头文件的包含
            ],
            "options": {
                "cwd": "${fileDirname}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "调试器生成的任务。"
        }
    ],
    "version": "2.0.0"
}
  1. 使用代码测试是否配置成功
#include <GLFW/glfw3.h>

int main(void)
{
    GLFWwindow *window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);
    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClear(GL_COLOR_BUFFER_BIT);

        glBegin(GL_TRIANGLES);

        glColor3f(1.0, 0.0, 0.0);
        glVertex3f(0.0, 1.0, 0.0);

        glColor3f(0.0, 1.0, 0.0);
        glVertex3f(-1.0, -1.0, 0.0);

        glColor3f(1.0, 0.0, 1.0);
        glVertex3f(1.0, -1.0, 0.0);

        glEnd();

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

运行成功后结果如下:
在这里插入图片描述

GLEW

  1. 百度一下GLEW,进入官网下载二进制文件在这里插入图片描述
  2. 下载解压后找到glew32s.lib文件和include文件夹,复制粘贴进我们的depends文件夹下

在这里插入图片描述
3. 编写tasks.json以确保我们的项目能调用GLEW的库文件(自行加上带注释的那几句话,注意前后顺序)

{
    "tasks": [
        {
            "type": "cppbuild",
            "label": "C/C++: g++.exe 生成活动文件",
            "command": "F:\\mingw64\\bin\\g++.exe",
            "args": [
                "-D GLEW_STATIC", //因为我们链接的是静态库,使用该宏告知glew
                "-fdiagnostics-color=always",
                "-g",
                "${file}",
                "${fileDirname}/depends/libglfw3.a", //链接至glfw库
                "${fileDirname}/depends/glew32s.lib", //链接至glew静态库
                "-lopengl32", //链接系统中的opengl32库
                "-lgdi32", //链接系统中的gdi32库
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe",
                "--include-directory=${fileDirname}/depends/include" //确保头文件的包含
            ],
            "options": {
                "cwd": "${fileDirname}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "detail": "调试器生成的任务。"
        }
    ],
    "version": "2.0.0"
}
  1. 使用以下代码测试GLEW
#include <GL/glew.h>
#include <GLFW/glfw3.h>
#include <iostream>

int main(void)
{
    GLFWwindow *window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);
    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);
    if (glewInit() == GLEW_OK)
    {
        std::cout << "GLEW IS OK\n";
    }

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClear(GL_COLOR_BUFFER_BIT);

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

如图所示,GLEW IS OK即为成功!
在这里插入图片描述

### VSCode配置 OpenGL 开发环境 在 Visual Studio Code (VSCode) 上配置 OpenGL 的开发环境是一个多步骤的过程,涉及多个工具和依赖项的安装与设置。以下是详细的说明: #### 工具准备 为了完成配置,需要下载并安装以下工具和库[^1]: - **MinGW**: 提供 GCC 编译器支持。 - **GLFW**: 用于创建窗口和管理输入事件。 - **GLEW/Glad**: 提供对 OpenGL 函数的支持。 - **CMake**: 构建系统的自动化工具。 这些工具可以通过官方站点或其他可信资源获取,并按照文档中的指导进行安装。 #### 安装 MinGW 和配置 PATH 首先,需确保已正确安装 MinGW 并将其 bin 路径添加到系统的环境变量 PATH 中。这一步是为了让编译器能够在任何位置被调用[^2]。 ```bash export PATH=$PATH:/path/to/mingw/bin ``` 上述命令适用于 Linux/MacOS Shell;对于 Windows 用户,则应在系统属性 -> 环境变量中手动添加路径。 #### GLFW 库集成 下载 GLFW 源码包后解压缩,在项目目录下新建 `lib` 文件夹并将 GLFW 动态链接库复制进去。例如: ```plaintext OpenGL_VSCode/lib/glfw3.dll ``` 同时也要记得把静态或动态库 (.a/.dll) 添加到项目的构建脚本里以便于链接阶段能够找到它们。 #### GLAD 配置 访问 [Glad](https://glad.dav1d.de/) 网站生成适合平台需求版本的头文件以及源代码片段。完成后同样放置于工程树结构内的适当位置比如 `/include` 和 `/src` 子目录之下。 #### 设置 CMakeLists.txt 编写或者调整现有的 CMakeLists.txt 来描述整个项目的布局形式及其所需的第三方组件连接情况如下所示: ```cmake cmake_minimum_required(VERSION 3.0) project(MyOpenGLProject LANGUAGES CXX) set(CMAKE_CXX_STANDARD 17) set(CMAKE_RUNTIME_OUTPUT_DIRECTORY ${CMAKE_BINARY_DIR}/bin) add_executable(${PROJECT_NAME} main.cpp) target_include_directories(${PROJECT_NAME} PRIVATE ./include) target_link_libraries(${PROJECT_NAME} glfw3 glad opengl32) ``` 此段脚本定义了一个名为 MyOpenGLProject 的可执行目标,并指定了它所使用的标准、输出目录以及其他必要的参数如包含路径还有最终要连结哪些共享对象等等信息。 #### 插件扩展推荐 最后别忘了利用好 vscode 自身强大的插件生态来辅助日常操作流程更加顺畅高效: - **C/C++ Extension Pack by Microsoft** - **CMake Tools** 通过以上方法可以顺利搭建起基于 vs code 的 opengl 开发框架体系. ---
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值