当前位置: 首页 > news >正文

OpenGL 3D 编程

OpenGL 是一个强大的跨平台图形 API,用于渲染 2D 和 3D 图形。以下是 OpenGL 3D 编程的入门基础。

一. 环境设置

安装必要的库

  • GLFW: 用于创建窗口和处理输入

  • GLEW 或 GLAD: 用于加载 OpenGL 函数

  • GLM: 数学库,用于 3D 变换

// 基本 OpenGL 程序结构示例
#include <GL/glew.h>
#include <GLFW/glfw3.h>int main() {// 初始化 GLFWif (!glfwInit()) return -1;// 创建窗口GLFWwindow* window = glfwCreateWindow(800, 600, "OpenGL 3D", NULL, NULL);if (!window) {glfwTerminate();return -1;}// 设置当前上下文glfwMakeContextCurrent(window);// 初始化 GLEWif (glewInit() != GLEW_OK) return -1;// 主循环while (!glfwWindowShouldClose(window)) {// 清屏glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);// 渲染代码// 交换缓冲区glfwSwapBuffers(window);// 处理事件glfwPollEvents();}glfwTerminate();return 0;
}

二. 3D 基础概念

坐标系

  • OpenGL 使用右手坐标系

  • X轴向右,Y轴向上,Z轴向外(朝向观察者)

变换矩阵

  • 模型矩阵(Model): 物体从局部空间到世界空间的变换

  • 视图矩阵(View): 世界空间到相机空间的变换

  • 投影矩阵(Projection): 从相机空间到裁剪空间的变换

// 使用 GLM 创建变换矩阵示例
#include <glm/glm.hpp>
#include <glm/gtc/matrix_transform.hpp>
#include <glm/gtc/type_ptr.hpp>glm::mat4 model = glm::mat4(1.0f); // 单位矩阵
model = glm::rotate(model, glm::radians(45.0f), glm::vec3(0.0f, 1.0f, 0.0f)); // 绕Y轴旋转45度
model = glm::translate(model, glm::vec3(1.0f, 0.0f, 0.0f)); // 沿X轴平移glm::mat4 view = glm::lookAt(glm::vec3(0.0f, 0.0f, 3.0f), // 相机位置glm::vec3(0.0f, 0.0f, 0.0f),  // 观察目标glm::vec3(0.0f, 1.0f, 0.0f)   // 上向量
);glm::mat4 projection = glm::perspective(glm::radians(45.0f), // 视野角度800.0f / 600.0f,     // 宽高比0.1f, 100.0f         // 近平面和远平面
);

三. 渲染3D物体

顶点数据

// 立方体顶点数据示例
float vertices[] = {// 位置             // 颜色-0.5f, -0.5f, -0.5f, 1.0f, 0.0f, 0.0f,0.5f, -0.5f, -0.5f, 0.0f, 1.0f, 0.0f,// ... 其他顶点
};

顶点缓冲对象(VBO)和顶点数组对象(VAO)

unsigned int VBO, VAO;
glGenVertexArrays(1, &VAO);
glGenBuffers(1, &VBO);glBindVertexArray(VAO);
glBindBuffer(GL_ARRAY_BUFFER, VBO);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);// 位置属性
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)0);
glEnableVertexAttribArray(0);// 颜色属性
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)(3 * sizeof(float)));
glEnableVertexAttribArray(1);

着色器程序

顶点着色器示例:

glsl

#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec3 aColor;uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;out vec3 ourColor;void main() {gl_Position = projection * view * model * vec4(aPos, 1.0);ourColor = aColor;
}

片段着色器示例:

glsl

#version 330 core
in vec3 ourColor;
out vec4 FragColor;void main() {FragColor = vec4(ourColor, 1.0);
}

相关文章:

  • CSS 3D 变换中z-index失效问题
  • 谷粒商城-分布式微服务项目-高级篇[三]
  • 迈向分布式智能:解析MCP到A2A的通信范式迁移
  • 百度蜘蛛池的作用是什么?技术@baidutopseo
  • 【基于阿里云搭建数据仓库(离线)】Data Studio创建资源与函数
  • [RoarCTF 2019]Easy Calc
  • 【Ragflow】24.Ragflow-plus开发日志:增加分词逻辑,修复关键词检索失效问题
  • 使用 OpenCV (C++) 进行人脸边缘提取
  • (12)-java+ selenium->元素定位大法之By_link_text
  • 【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解
  • 4.RV1126-OPENCV 图像轮廓识别
  • 工作流引擎-16-开源审批流项目之 整合Flowable官方的Rest包
  • ck-editor5的研究 (5):优化-页面离开时提醒保存,顺便了解一下 Editor的生命周期 和 6大编辑器类型
  • Cursor 编辑器介绍:专为程序员打造的 AI 编程 IDE
  • Vue-4-前端框架Vue基础入门之Vue的常用操作
  • C++语法架构解说
  • Vue-6-前端框架Vue之基于Plotly.js绘制曲线
  • 前端框架性能综合评估报告:Solid.js、React、Vue与TypeDOM的多维度对比
  • 【基于阿里云搭建数据仓库(离线)】IDEA导出Jar包(包括第三方依赖)
  • 前端框架Vue
  • 福田做商城网站建设哪家效益快/站长之家工具
  • 衢州网站建设衢州/足球世界排名国家
  • 广东省建设厅网站可以查/友链交易平台源码
  • 北京h5网站建设报价/什么是网络整合营销
  • 复制推广链接/一站传媒seo优化
  • 西安教育平台网站建设/网络营销推广是做什么的