VSCode OpenGL 环境搭建

这篇具有很好参考价值的文章主要介绍了VSCode OpenGL 环境搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

下载glfw、glad、安装vscode插件C/C++ Project Generator

下载glfw Download | GLFW

下载 glad https://glad.dav1d.de/

vscode 插件安装: C/C++ Project Generator

创建C++项目:commond+p

项目结构如下图:

添加glfw、glad

添加glfw

头文件加入 GLFW 拖到项目的include目录下

加入libglfw.3.dylib  到 lib目录下

添加glad

把glad.c 编译成静态库 glad.a

添加glad的头文件

添加完glfw、glad后的文件结构

修改 makefile文件

添加动态库、静态库搜索路径

添加动态库名、静态库名

完整的Makefile

在main.cpp 中添加openGL 代码

main中完整代码

运行:make run  

注意:


下载glfw、glad、安装vscode插件C/C++ Project Generator

下载glfw Download | GLFW

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

下载 glad https://glad.dav1d.de/

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

vscode 插件安装: C/C++ Project Generator

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

创建C++项目:commond+p

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

选择 Create C++ project   回车即创建成功。

运行:make run

编译:make

清除:make clean

项目结构如下图:

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

添加glfw、glad

添加glfw

头文件加入 GLFW 拖到项目的include目录下

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

加入libglfw.3.dylib  到 lib目录下

apple  chip 芯片(m1、m2):选择 lib-arm64的libglfw.3.dylib

inter  chip 芯片:  选择 lib-x86_64的libglfw.3.dylib

添加glad

把glad.c 编译成静态库 glad.a

  • 生成可执行文件 glad.o       先cd 到glad目录下,执行:在glad目录下会生成  glad.o 文件
gcc  -c  ./src/glad.c   -I   ./include/
  • 生成glad.a 静态库文件 。执行
ar rcs   glad.a    glad.o
  • 添加glad.a 文件到项目的lib目录 中

添加glad的头文件

拷贝glad的include中的glad目录、KHR目录到项目的include目录下

添加完glfw、glad后的文件结构

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

修改 makefile文件

添加动态库、静态库搜索路径

# 自定义库路径

# -Wl,-rpath, 后面跟动态库路径目录 动态库文件 .dylib

# -L 后面跟静态库文件 .a

LFLAGS = -Wl,-rpath,/Users/leiming/OpenGL/VScodeOpenGL/lib/ -L/Users/leiming/OpenGL/VScodeOpenGL/lib/

添加动态库名、静态库名

# 定义库文件

# 添加库 -lX X=>libglad.a 去掉lib与.a 即 -lglad

# 添加库 libglfw.3.dylib =>去掉lib与.dylib 即 -glfw.3

LIBRARIES	:=   -lglad  -lglfw.3

完整的Makefile

#
# 'make'        编译生成可执行文件 main
# 'make clean'  删除所的.o和可执行文件
# 'make run'   编译并执行

# 指定编译器
CXX = g++

# 编译时的标志  使用c++17 标准  警告消息
CXXFLAGS	:= -std=c++17 -Wall -Wextra -g

# 自定义库路径
# -Wl,-rpath,   后面跟动态库路径目录   动态库文件  .dylib
# -L   后面跟静态库文件 .a 
LFLAGS = -Wl,-rpath,/Users/leiming/OpenGL/VScodeOpenGL/lib/ -L/Users/leiming/OpenGL/VScodeOpenGL/lib/

# 定义输出目录
OUTPUT	:= output

# 定义源文件目录
SRC		:= src

# 定义头文件目录
INCLUDE	:= include

# 定义库文件目录
LIB		:= lib
# 定义库文件 
# 添加库 -lX   X=>libglad.a  去掉lib与.a 即 -lglad
# 添加库 libglfw.3.dylib   =>去掉lib与.dylib  即 -glfw.3
LIBRARIES	:=   -lglad  -lglfw.3   # add

ifeq ($(OS),Windows_NT)
MAIN	:= main.exe
SOURCEDIRS	:= $(SRC)
INCLUDEDIRS	:= $(INCLUDE)
LIBDIRS		:= $(LIB)
FIXPATH = $(subst /,\,$1)
RM			:= del /q /f
MD	:= mkdir
else
MAIN	:= main
SOURCEDIRS	:= $(shell find $(SRC) -type d)
INCLUDEDIRS	:= $(shell find $(INCLUDE) -type d)
LIBDIRS		:= $(shell find $(LIB) -type d)
FIXPATH = $1
RM = rm -f
MD	:= mkdir -p
endif

# define any directories containing header files other than /usr/include
INCLUDES	:= $(patsubst %,-I%, $(INCLUDEDIRS:%/=%))

# define the C libs
LIBS		:= $(patsubst %,-L%, $(LIBDIRS:%/=%))

# define the C source files
SOURCES		:= $(wildcard $(patsubst %,%/*.cpp, $(SOURCEDIRS)))

# define the C object files
OBJECTS		:= $(SOURCES:.cpp=.o)

# define the dependency output files
DEPS		:= $(OBJECTS:.o=.d)

#
# The following part of the makefile is generic; it can be used to
# build any executable just by changing the definitions above and by
# deleting dependencies appended to the file from 'make depend'
#
WLDir := -Wl,-rpath,/Users/leiming/OpenGL/VScodeOpenGL/lib/
LLIBDir := -L/Users/leiming/OpenGL/VScodeOpenGL/lib/

OUTPUTMAIN	:= $(call FIXPATH,$(OUTPUT)/$(MAIN))

all: $(OUTPUT) $(MAIN)
	@echo Executing 'all' complete!

$(OUTPUT):
	$(MD) $(OUTPUT)

$(MAIN): $(OBJECTS)
	$(CXX) $(CXXFLAGS) $(INCLUDES) -o $(OUTPUTMAIN) $(OBJECTS) $(LFLAGS)  $(LIBS) $(LIBRARIES)

# include all .d files
-include $(DEPS)

# this is a suffix replacement rule for building .o's and .d's from .c's
# it uses automatic variables $<: the name of the prerequisite of
# the rule(a .c file) and $@: the name of the target of the rule (a .o file)
# -MMD generates dependency output files same name as the .o file
# (see the gnu make manual section about automatic variables)
.cpp.o:
	$(CXX) $(CXXFLAGS) $(INCLUDES) -c -MMD $<  -o $@

.PHONY: clean
clean:
	$(RM) $(OUTPUTMAIN)
	$(RM) $(call FIXPATH,$(OBJECTS))
	$(RM) $(call FIXPATH,$(DEPS))
	@echo Cleanup complete!

run: all
	./$(OUTPUTMAIN)
	@echo Executing 'run: all' complete!

在main.cpp 中添加openGL 代码

你好,三角形 - LearnOpenGL CN

main中完整代码

#include <glad/glad.h>
#include <GLFW/glfw3.h>

#include <iostream>

void framebuffer_size_callback(GLFWwindow *window, int width, int height);
void processInput(GLFWwindow *window);

// settings
const unsigned int SCR_WIDTH = 800;
const unsigned int SCR_HEIGHT = 600;

const char *vertexShaderSource = "#version 330 core\n"
                                 "layout (location = 0) in vec3 aPos;\n"
                                 "void main()\n"
                                 "{\n"
                                 "   gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);\n"
                                 "}\0";
const char *fragmentShaderSource = "#version 330 core\n"
                                   "out vec4 FragColor;\n"
                                   "void main()\n"
                                   "{\n"
                                   "   FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);\n"
                                   "}\n\0";

int main()
{
    // glfw: initialize and configure
    // ------------------------------
    glfwInit();
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

#ifdef __APPLE__
    glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE);
#endif

    // glfw window creation
    // --------------------
    GLFWwindow *window = glfwCreateWindow(SCR_WIDTH, SCR_HEIGHT, "LearnOpenGL", NULL, NULL);
    if (window == NULL)
    {
        std::cout << "Failed to create GLFW window" << std::endl;
        glfwTerminate();
        return -1;
    }
    glfwMakeContextCurrent(window);
    glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);

    // glad: load all OpenGL function pointers
    // ---------------------------------------
    if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
    {
        std::cout << "Failed to initialize GLAD" << std::endl;
        return -1;
    }

    // build and compile our shader program
    // ------------------------------------
    // vertex shader
    unsigned int vertexShader = glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
    glCompileShader(vertexShader);
    // check for shader compile errors
    int success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);
    if (!success)
    {
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        std::cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n"
                  << infoLog << std::endl;
    }
    // fragment shader
    unsigned int fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);
    glCompileShader(fragmentShader);
    // check for shader compile errors
    glGetShaderiv(fragmentShader, GL_COMPILE_STATUS, &success);
    if (!success)
    {
        glGetShaderInfoLog(fragmentShader, 512, NULL, infoLog);
        std::cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n"
                  << infoLog << std::endl;
    }
    // link shaders
    unsigned int shaderProgram = glCreateProgram();
    glAttachShader(shaderProgram, vertexShader);
    glAttachShader(shaderProgram, fragmentShader);
    glLinkProgram(shaderProgram);
    // check for linking errors
    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if (!success)
    {
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n"
                  << infoLog << std::endl;
    }
    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    // set up vertex data (and buffer(s)) and configure vertex attributes
    // ------------------------------------------------------------------
    float vertices[] = {
        -0.5f, -0.5f, 0.0f, // left
        0.5f, -0.5f, 0.0f,  // right
        0.0f, 0.5f, 0.0f    // top
    };

    unsigned int VBO, VAO;
    glGenVertexArrays(1, &VAO);
    glGenBuffers(1, &VBO);
    // bind the Vertex Array Object first, then bind and set vertex buffer(s), and then configure vertex attributes(s).
    glBindVertexArray(VAO);

    glBindBuffer(GL_ARRAY_BUFFER, VBO);
    glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float), (void *)0);
    glEnableVertexAttribArray(0);

    // note that this is allowed, the call to glVertexAttribPointer registered VBO as the vertex attribute's bound vertex buffer object so afterwards we can safely unbind
    glBindBuffer(GL_ARRAY_BUFFER, 0);

    // You can unbind the VAO afterwards so other VAO calls won't accidentally modify this VAO, but this rarely happens. Modifying other
    // VAOs requires a call to glBindVertexArray anyways so we generally don't unbind VAOs (nor VBOs) when it's not directly necessary.
    glBindVertexArray(0);

    // uncomment this call to draw in wireframe polygons.
    // glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);

    // render loop
    // -----------
    while (!glfwWindowShouldClose(window))
    {
        // input
        // -----
        processInput(window);

        // render
        // ------
        glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);

        // draw our first triangle
        glUseProgram(shaderProgram);
        glBindVertexArray(VAO); // seeing as we only have a single VAO there's no need to bind it every time, but we'll do so to keep things a bit more organized
        glDrawArrays(GL_TRIANGLES, 0, 3);
        // glBindVertexArray(0); // no need to unbind it every time

        // glfw: swap buffers and poll IO events (keys pressed/released, mouse moved etc.)
        // -------------------------------------------------------------------------------
        glfwSwapBuffers(window);
        glfwPollEvents();
    }

    // optional: de-allocate all resources once they've outlived their purpose:
    // ------------------------------------------------------------------------
    glDeleteVertexArrays(1, &VAO);
    glDeleteBuffers(1, &VBO);
    glDeleteProgram(shaderProgram);

    // glfw: terminate, clearing all previously allocated GLFW resources.
    // ------------------------------------------------------------------
    glfwTerminate();
    return 0;
}

// process all input: query GLFW whether relevant keys are pressed/released this frame and react accordingly
// ---------------------------------------------------------------------------------------------------------
void processInput(GLFWwindow *window)
{
    if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
        glfwSetWindowShouldClose(window, true);
}

// glfw: whenever the window size changed (by OS or user resize) this callback function executes
// ---------------------------------------------------------------------------------------------
void framebuffer_size_callback(GLFWwindow *window, int width, int height)
{
    // make sure the viewport matches the new window dimensions; note that width and
    // height will be significantly larger than specified on retina displays.
    glViewport(0, 0, width, height);
}

运行:make run  

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器

注意:

libgflw.3.dylib 会提示无法打开、恶意之类的提示 ,可以到mac的设置的隐私与安全中选择打开 libgflw.3.dylib

VSCode OpenGL 环境搭建,OpenGL,vscode,ide,编辑器文章来源地址https://www.toymoban.com/news/detail-806123.html

到了这里,关于VSCode OpenGL 环境搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode编辑器如何显示.git隐藏文件, vscode不显示git文件怎么办

    我想要设置pre-commit hook ,但是我在vscode项目里创建的时候,发现此文件已存在,想看隐藏文件夹 .git,但是我看不到它,想看隐藏文件夹 .git,此时该怎么办呢? 1. 文件-首选项-设置 2. 搜索 files , 然后去掉 .git的配置 或者打开setting.json, 配置 3. 我们可以看到,此时.git 文件已经显

    2024年02月10日
    浏览(47)
  • 【vscode编辑器插件】前端 php unity自用插件分享

    “思考是最困难的工作,这也许是为什么很少有人这样做。” - 亨利·福特(Henry Ford) 无论是什么语言,我都会选择使用vscode进行开发,我愿称vscode为万能编辑器,他之所以这么强大,得益于丰富的免费插件市场 vscode插件五花八门,但也不是装越多越好,不必要和垃圾插件

    2024年02月07日
    浏览(58)
  • Python的编辑器VScode中文设置和Hello World

    个人比较常用的用于Python开发的编辑器是VScode,大概的原因应该是免费,且便于项目文件的管理。 VScode中文设置插件及使用方法 VScode下载安装好之后,可以在软件左侧的“扩展”中搜索安装一些插件,用于辅助开发。 个人比较常用的几个VScode插件如下: 1、简体中文插件,

    2024年02月07日
    浏览(51)
  • VSCode无法从Extensions下载工具时,把工具下载到本地并添加到VSCode编辑器

    下载报错: Error while installing \\\'......\\\' extension. Please check the log for more details. 由于内网限制(或者其他网络限制)无法正常下载扩展工具到VSCode编辑器,可以把工具下载到本地再添加到VSCode编辑器来解决此类问题 进入Extensions 搜索你需要安装的拓展工具 直接点击拓展工具的名字

    2024年02月12日
    浏览(72)
  • 使用Vscode 编辑器 导出、导入和运行Excel中的VBA代码

    前言 Excel自带的 Microsoft Visual Basic for Applications 编辑器常被人称为上古编辑器,的确不适合代码编辑,这是其一,其二是当系统语言与Excel的安装语言不一致时,往往出现乱码,看起来极不舒服,这时又需要更改系统语言,所以往往需要探索其他的VBA开发编辑器,经过一番探索

    2024年02月04日
    浏览(127)
  • 从0开始学C++ 第四课:常用C++编辑器和集成开发环境(IDE)的使用

    第四课:常用C++编辑器和集成开发环境(IDE)的使用 在这一课中,我们将了解一些流行的C++编辑器和集成开发环境(IDE),它们可以简化C++的编写、编译和调试过程。我们将介绍三种流行的IDE:Visual Studio Code、Eclipse和CLion,并指导如何设置一个简单的C++项目。 目标 了解不同

    2024年01月22日
    浏览(45)
  • git实战—Gerrit配置SSH key & 下载代码到本地 & 使用VScode编辑器编辑提交代码——2023.07

    centos7 部署Gerrit Windows10 部署gitbash 2.41 版本 首先在虚拟机上搭建Gerrit服务,在Windows上部署好gitbash;其次,配置 publishkey 连接Gerrit仓库;最后使用git clone下载代码到本地,再使用VScode编辑提交代码带仓库。 当然,直接使用VScode连接Gerrit也是可以的,但由于VScode终端中的命令不

    2024年02月09日
    浏览(90)
  • 在VSCODE编辑器是用ctrl+c和ctrl+s(复制粘贴)失效怎么办

    有时我们在开发过程中,由于使用vsccode太长时间导致复制ctrl+c和ctrl+s会失效,之前我的处理方式是重启浏览器,但有时候这样太耗时间了,但发现一个方法可以解决,就是刷新下编辑器的timeline就行,如下图:

    2024年02月15日
    浏览(51)
  • vscode编辑器,vue、小程序等语言适配eslint格式校验 + prettier 保存时自动修改格式

    目的:自留备份,用者自取 基础配置 1 基于vscode编辑器,prettier插件需要下载 2 eslint配置项规则: https://eslint.bootcss.com/docs/rules/ 3 prettier配置项规则: https://prettier.io/docs/en/options.html 安装插件 配置文件问题: 如果项目中带有.vscode文件夹,这里面的setting.json会覆盖全局的sett

    2024年02月09日
    浏览(55)
  • VScode 编辑器报错: ‘HelloWorld‘ is declared but its value is never read.

    .vue文件被标识红色波浪线;提示: \\\'HelloWorld\\\' is declared but its value is never read. 问题原因: 因为vue3已经不支持vetur插件。 1、在扩展里面进行搜索Vetur插件,进行禁用或卸载; 2、在 VScode扩展里面搜索并下载对应插件: Vue Language Features (Volar)和TypeScript Vue Plugin (Volar) 如果提示下

    2024年02月11日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包