OpenGL — 介绍与VSCode环境配置

介绍

OpenGL

请添加图片描述
一般它被认为是一个API(Application Programming Interface, 应用程序编程接口),包含了一系列可以操作图形、图像的函数。然而,OpenGL本身并不是一个API,它仅仅是一个由Khronos组织制定并维护的规范(Specification)。

OpenGL规范严格规定了每个函数该如何执行,以及它们的输出值。至于内部具体每个函数是如何实现(Implement)的,将由OpenGL库的开发者自行决定(译注:这里开发者是指编写OpenGL库的人)。因为OpenGL规范并没有规定实现的细节,具体的OpenGL库允许使用不同的实现,只要其功能和结果与规范相匹配(亦即,作为用户不会感受到功能上的差异)。

渲染管线

固定渲染管线

早期的OpenGL使用立即渲染模式(Immediate mode,也就是固定渲染管线),这个模式下绘制图形很方便。OpenGL的大多数功能都被库隐藏起来,开发者很少有控制OpenGL如何进行计算的自由。
固定渲染管线就是只可配置(configurable)的管线,已经被淘汰了

可编程渲染管线

可编程渲染管线是可编程的管线 。
立即渲染模式(固定渲染管线)确实容易使用和理解,但是效率太低。因此从OpenGL3.2开始,规范文档开始废弃立即渲染模式,并鼓励开发者在OpenGL的核心模式(Core-profile,也就是可编程渲染管线)下进行开发,这个分支的规范完全移除了旧的特性。

在这里插入图片描述

状态机

OpenGL自身是一个巨大的状态机(State Machine):一系列的变量描述OpenGL此刻应当如何运行。OpenGL的状态通常被称为OpenGL上下文(Context)。我们通常使用如下途径去更改OpenGL状态:设置选项,操作缓冲。最后,我们使用当前OpenGL上下文来渲染。

对象

penGL库是用C语言写的,同时也支持多种语言的派生,但其内核仍是一个C库。由于C的一些语言结构不易被翻译到其它的高级语言,因此OpenGL开发的时候引入了一些抽象层。“对象(Object)”就是其中一个。

可以把对象看做一个C风格的结构体(Struct):

struct object_name {
    float  option1;
    int    option2;
    char[] name;
};

VSCode环境配置

这里主要参考这篇文章:VsCode配置OpenGL开发环境

也可以看Up原视频

我这里是怎么方便怎么来的。
首先是所有的库文件我已经下好了,这是地址

安装MinGW

我这里提供gcc版本是9.2,下载完包解压到目标路径
在这里插入图片描述

配置环境变量

在这里插入图片描述

使用make run 运行

在MinGW/bin文件夹下,进行如下操作,方便直接使用make命令
在这里插入图片描述

校验安装

在这里插入图片描述在这里插入图片描述

配置VsCode

VsCode需要安装插件C/C++ 和 C/C++ Project Generator如下图所示。
在这里插入图片描述

创建工程

进入VsCode后按Ctrl+Shift+P,输入Create C++,并单击如下图框住的选项,选择将项目构建在当前文件夹,即可实现C++项目的构建
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

配置 GLFW

glfw 需要去官网 下载 Windows pre-compiled binaries,我们包里提供的有,直接解压就行。

将glfw-3.3.8.bin.WIN32\glfw-3.3.8.bin.WIN32\include\下的GLFW文件,复制到vscode创建的C++工程下的include文件夹下。
在这里插入图片描述
将glfw-3.3.8.bin.WIN32\glfw-3.3.8.bin.WIN32\lib-mingw路径下的libglfw3.a与libglfw3dll.a两个文件,复制到VsCode创建的C++工程下的lib文件夹下。
在这里插入图片描述
将glfw-3.3.8.bin.WIN32\glfw-3.3.8.bin.WIN32\lib-mingw路径下的glfw3.dll文件,复制到VsCode创建的C++工程下的output文件夹下。
在这里插入图片描述

配置 GLAD

glad 需要在线服务 生成静态库,我们包里提供的有,直接解压就行。
在这里插入图片描述
分别输入如下两行命令

gcc ./src/glad.c -c -I ./include/ // 生成 .o文件
ar -rc libglad.a glad.o           // 生成我们所需要的 .a文件

在这里插入图片描述
将生成的 libglad.a 复制到 lib 文件下
在这里插入图片描述

将glad\include路径下的两个文件夹,include文件夹下。
在这里插入图片描述

在这里插入图片描述

配置Makefile文件

在这里插入图片描述
懒得找的也可以直接参看我的Makefile文件↓

#
# 'make'        build executable file 'main'
# 'make clean'  removes all .o and executable files
#

# define the Cpp compiler to use
CXX = g++

# define any compile-time flags
CXXFLAGS	:= -std=c++17 -Wall -Wextra -g

# define library paths in addition to /usr/lib
#   if I wanted to include libraries not in /usr/lib I'd specify
#   their path using -Lpath, something like:
LFLAGS =

# define output directory
OUTPUT	:= output

# define source directory 运行时修改此处路径
SRC		:= src/$(dir) #// 传递 var 变量定义执行文件目录
CLEAN_SRC		:= src/$(dir)/*.o #// 删除所有.o文件

# define include directory
INCLUDE	:= include

# define lib directory
LIB		:= lib
Libraries := -lglad -lglfw3dll

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'
#

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!

# 此处./src/$(dir) 传递main函数 argv 的参数
run: all
	./$(OUTPUTMAIN)
	@echo Executing 'run: all' complete!

紧接着我们将下面的代码复制到main.cpp中

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

#include <iostream>

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

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

int main()
{
	glfwInit();
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);

	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);

	if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
	{
		std::cout << "Failed to initialize GLAD" << std::endl;
		return -1;
	}

	while (!glfwWindowShouldClose(window))
	{
		processInput(window);
		glfwSwapBuffers(window);
		glfwPollEvents();
	}

	glfwTerminate();
	return 0;
}

void processInput(GLFWwindow *window)
{
	if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
		glfwSetWindowShouldClose(window, true);
}

void framebuffer_size_callback(GLFWwindow *window, int width, int height)
{
	glViewport(0, 0, width, height);
}

敲Ctrl+Shift+`,在终端中输入make run即可弹出窗口啦!按ESC即可退出运行。
在这里插入图片描述

  • 25
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是在VScode配置OpenGL开发环境的步骤: 1. 安装OpenGL库和GLFW库。可以使用Homebrew进行安装,命令如下: ```shell brew install glfw3 brew install glew ``` 2. 安装GLAD库。可以在GLAD的官网(https://glad.dav1d.de/)上生成所需的GLAD库文件,选择OpenGL版本为3.3,模式为Core,Language为C/C++,勾选“Generate a loader”选项,然后点击“Generate”按钮下载生成的zip文件。 3. 将下载的zip文件解压缩,将其中的glad.c和glad.h文件复制到项目的src目录下。 4. 在VScode中打开项目,创建一个名为.vscode的文件夹,并在其中创建一个名为c_cpp_properties.json的文件。在该文件中添加以下内容: ```json { "configurations": [ { "name": "Mac", "includePath": [ "${workspaceFolder}/**" ], "defines": [], "macFrameworkPath": [ "/System/Library/Frameworks", "/Library/Frameworks" ], "compilerPath": "/usr/bin/clang", "cStandard": "c11", "cppStandard": "c++17", "intelliSenseMode": "macos-gcc-x64" } ], "version": 4 } ``` 5. 在.vscode文件夹中创建一个名为tasks.json的文件,并添加以下内容: ```json { "version": "2.0.0", "tasks": [ { "label": "build", "type": "shell", "command": "clang++ -std=c++17 -I/usr/local/include -L/usr/local/lib -lglfw -lGLEW -framework OpenGL glad.c main.cpp -o main", "group": { "kind": "build", "isDefault": true } } ] } ``` 6. 在项目的根目录下创建一个名为main.cpp的文件,并添加以下内容: ```cpp #include <iostream> #include <GLFW/glfw3.h> int main() { if (!glfwInit()) { std::cerr << "Failed to initialize GLFW" << std::endl; return -1; } GLFWwindow* window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL); if (!window) { std::cerr << "Failed to create GLFW window" << std::endl; glfwTerminate(); return -1; } glfwMakeContextCurrent(window); while (!glfwWindowShouldClose(window)) { glClear(GL_COLOR_BUFFER_BIT); // Render OpenGL here glfwSwapBuffers(window); glfwPollEvents(); } glfwTerminate(); return 0; } ``` 7. 按下“Command + Shift + B”组合键,选择“build”任务进行编译。如果一切顺利,应该可以看到一个黑色的窗口弹出来。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值