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即为成功!
在这里插入图片描述

  • 9
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
VScode配置GLFW需要进行以下步骤: 1. 下载GLFW库,可以在官网上下载:https://www.glfw.org/download.html。下载完成后解压到一个目录下。 2. 在VScode中创建一个C++项目,并在项目目录下创建一个文件夹,用于存放GLFW库的头文件和库文件。 3. 将GLFW库的头文件复制到刚才创建的文件夹中。 4. 在VScode中打开项目,按下Ctrl+Shift+P,输入“C/C++: Edit Configurations”,选择“C++ (GDB/LLDB)”选项卡,然后在“configurations”数组中添加以下内容: ``` { "name": "Win32", "includePath": [ "${workspaceFolder}/**", "D:/glfw-3.3.2.bin.WIN64/include" // 这里需要修改为你的GLFW库头文件所在的路径 ], "defines": [ "_DEBUG", "UNICODE", "_UNICODE" ], "compilerPath": "C:/MinGW/bin/g++.exe", // 这里需要修改为你的g++编译器所在的路径 "cStandard": "c11", "cppStandard": "c++17", "intelliSenseMode": "gcc-x64" } ``` 5. 在VScode中按下Ctrl+Shift+B,选择“tasks.json: build”选项卡,然后在“tasks”数组中添加以下内容: ``` { "label": "build", "type": "shell", "command": "g++", "args": [ "-g", "${file}", "-o", "${fileDirname}/${fileBasenameNoExtension}.exe", "-I", "D:/glfw-3.3.2.bin.WIN64/include", // 这里需要修改为你的GLFW库头文件所在的路径 "-L", "D:/glfw-3.3.2.bin.WIN64/lib-mingw-w64", // 这里需要修改为你的GLFW库库文件所在的路径 "-lglfw3", "-lopengl32", "-lgdi32", "-luser32", "-lkernel32" ], "options": { "cwd": "${workspaceFolder}" }, "problemMatcher": [ "$gcc" ], "group": { "kind": "build", "isDefault": true } } ``` 6. 在VScode中按下Ctrl+Shift+B,选择“tasks.json: build”选项卡,然后按下Enter键编译项目。如果编译成功,会在项目目录下生成一个可执行文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值