计算机图形学【绘制立方体和正六边形】

工具介绍

OpenGL：一个跨语言的图形API，用于渲染2D和3D图形。它提供了绘制图形所需的底层功能。

GLUT：OpenGL的一个工具库，简化了窗口创建、输入处理和其他与图形环境相关的任务。

使用的函数

1. glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT)

原理：此函数用于清除当前的颜色缓冲区和深度缓冲区。颜色缓冲区存储着每个像素的颜色信息，而深度缓冲区用于存储每个像素的深度值，以确保在3D场景中正确渲染物体的可见性。每次绘制新帧时，必须清除前一帧的数据，以避免旧内容影响新渲染的图像。清除颜色缓冲区确保背景色是统一的，而清除深度缓冲区允许重新计算物体的深度关系。

2. glLoadIdentity()

原理：此函数重置当前的模型观察矩阵为单位矩阵。模型观察矩阵用于转换物体的位置、旋转和缩放。在设置新的视图或模型转换之前，重置矩阵是必要的，以确保新的变换不会受到之前变换的影响。使用单位矩阵作为基础，可以确保后续的变换（如移动相机）是从一个已知的状态开始的。

3. gluLookAt(2.0, 2.0, 2.0, 0.0, 0.0, 0.0, 0.0, 0.0, 1.0)

原理：此函数设置相机的位置、观察点和上方向。它通过创建视图矩阵来定义相机的视角。

① eye (相机位置)：(2.0, 2.0, 2.0)，表示相机位于三维空间中的位置。

② center (观察点)：(0.0, 0.0, 0.0)，表示相机注视的目标点。

③ up (上方向)：(0.0, 0.0, 1.0)，定义相机的上方向，通常用来确定视图的“上”方向。

4. glutSwapBuffers()

原理：在双缓冲模式下，glutSwapBuffers 函数用于交换前后缓冲区。前缓冲区显示当前渲染的内容，后缓冲区用于下一帧的绘制。通过交换缓冲区，可以避免画面闪烁和撕裂现象，提供更平滑的视觉效果。这使得用户在屏幕上看到的是完整的一帧，而不是正在绘制的部分。

5. glutMainLoop()

原理：此函数进入GLUT的事件处理循环，持续处理窗口事件和重绘请求。这是程序运行的核心循环，确保应用程序能够响应用户输入、窗口变化等事件。它使得OpenGL程序能够持续运行，并在需要时重绘场景。

实验过程

（0）打开 Visual Studio，在项目栏的 [管理Nuget程序包] 下载安装必要库：

（1）Drawing a Cube

源代码：cube.cpp

#include <GL/glut.h> // 包含OpenGL和GLUT库的头文件// 定义正方体的顶点坐标（边长为0.7）
GLfloat vertices[][3] = {{0.0f, 0.0f, 0.0f}, {0.7f, 0.0f, 0.0f}, {0.7f, 0.7f, 0.0f}, {0.0f, 0.7f, 0.0f},{0.0f, 0.0f, 0.7f}, {0.7f, 0.0f, 0.7f}, {0.7f, 0.7f, 0.7f}, {0.0f, 0.7f, 0.7f}
};// 定义正方体的边，每条边由两个顶点索引定义
int edges[][2] = {{0, 1}, {1, 2}, {2, 3}, {3, 0},{4, 5}, {5, 6}, {6, 7}, {7, 4},{0, 4}, {1, 5}, {2, 6}, {3, 7}
};// 绘制坐标轴
void drawAxes() {glBegin(GL_LINES); // 开始绘制线段// X轴（红色）glColor3f(1.0, 0.0, 0.0); // 设置颜色为红色glVertex3f(0.0, 0.0, 0.0); // X轴起点，坐标为 (-2.0, 0.0, 0.0)glVertex3f(1.5, 0.0, 0.0);  // X轴终点，坐标为 (2.0, 0.0, 0.0)// Y轴（绿色）glColor3f(0.0, 1.0, 0.0); // 设置颜色为绿色glVertex3f(0.0, 0.0, 0.0); // Y轴起点，坐标为 (0.0, -2.0, 0.0)glVertex3f(0.0, 1.5, 0.0);  // Y轴终点，坐标为 (0.0, 2.0, 0.0)// Z轴（蓝色）glColor3f(0.0, 0.0, 1.0); // 设置颜色为蓝色glVertex3f(0.0, 0.0, 0.0); // Z轴起点，坐标为 (0.0, 0.0, -2.0)glVertex3f(0.0, 0.0, 1.5);  // Z轴终点，坐标为 (0.0, 0.0, 2.0)glEnd(); // 结束绘制线段}// 绘制正方体的函数
void drawCube() {glColor3f(0.0, 0.0, 0.0); // 设置颜色为黑色glBegin(GL_LINES); // 开始绘制线段for (int i = 0; i < 12; i++) {int v1 = edges[i][0]; // 边的第一个顶点int v2 = edges[i][1]; // 边的第二个顶点glVertex3fv(vertices[v1]); // 绘制第一个顶点glVertex3fv(vertices[v2]); // 绘制第二个顶点}glEnd(); // 结束绘制线段}// 显示回调函数，用于绘制场景
void display() {glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // 清除颜色缓冲区和深度缓冲区glLoadIdentity(); // 重置当前的模型观察矩阵// 设置观察点和方向gluLookAt(2.0, 2.0, 2.0, // 相机位置(eye)0.0, 0.0, 0.0, // 观察点(center)0.0, 0.0, 1.0); // 上方向(up)drawAxes(); // 绘制坐标轴drawCube(); // 调用绘制正方体的函数glutSwapBuffers(); // 交换前后缓冲区
}// 初始化函数，设置清除颜色和启用深度测试
void init() {glClearColor(1.0, 1.0, 1.0, 1.0); // 设置背景颜色为白色glEnable(GL_DEPTH_TEST); // 启用深度测试glMatrixMode(GL_PROJECTION); // 选择投影矩阵glLoadIdentity(); // 重置投影矩阵gluPerspective(45.0, 640.0 / 480.0, 0.1, 100.0); // 设置透视投影glMatrixMode(GL_MODELVIEW); // 切换回模型视图矩阵
}int main(int argc, char** argv) {glutInit(&argc, argv); // 初始化GLUT库glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); // 设置显示模式glutInitWindowSize(640, 480); // 设置窗口大小glutCreateWindow("Cube"); // 创建窗口init(); // 调用初始化函数glutDisplayFunc(display); // 设置显示回调函数glutMainLoop(); // 进入GLUT事件处理循环return 0;
}

①源代码的实验结果：

改变参数，可以得到不同视角的投影：

②替换 drawCube() 函数中的绘制逻辑：

// 绘制正方体的函数
void drawCube() {glBegin(GL_QUADS); // 开始绘制四边形// 正面 (Z=0.0)glColor3f(0.5, 0.5, 0.5); // 设置颜色为灰色glVertex3fv(vertices[0]); // 底左glVertex3fv(vertices[1]); // 底右glVertex3fv(vertices[2]); // 顶右glVertex3fv(vertices[3]); // 顶左// 背面 (Z=0.7)glVertex3fv(vertices[4]); // 底左glVertex3fv(vertices[5]); // 底右glVertex3fv(vertices[6]); // 顶右glVertex3fv(vertices[7]); // 顶左// 左面 (X=0.0)glVertex3fv(vertices[0]); // 前底glVertex3fv(vertices[3]); // 前顶glVertex3fv(vertices[7]); // 后顶glVertex3fv(vertices[4]); // 后底// 右面 (X=0.7)glVertex3fv(vertices[1]); // 前底glVertex3fv(vertices[5]); // 前顶glVertex3fv(vertices[6]); // 后顶glVertex3fv(vertices[2]); // 后底// 上面 (Y=0.7)glVertex3fv(vertices[3]); // 左顶glVertex3fv(vertices[2]); // 右顶glVertex3fv(vertices[6]); // 后顶glVertex3fv(vertices[7]); // 后左顶// 下面 (Y=0.0)glVertex3fv(vertices[0]); // 左底glVertex3fv(vertices[1]); // 右底glVertex3fv(vertices[5]); // 后底glVertex3fv(vertices[4]); // 后左底glEnd(); // 结束绘制四边形
}

运行结果：

（2）Drawing a Hexagon

源代码：hexagon.cpp

#include <GL/glut.h>
#include <math.h>// 窗口大小调整的回调函数
void reshape(int width, int height) {glViewport(0, 0, width, height); // 设置视口glMatrixMode(GL_PROJECTION); // 选择投影矩阵glLoadIdentity(); // 重置投影矩阵// 保持纵横比if (width <= height) {gluOrtho2D(-1.0, 1.0, -1.0 * (GLfloat)height / (GLfloat)width, 1.0 * (GLfloat)height / (GLfloat)width);}else {gluOrtho2D(-1.0 * (GLfloat)width / (GLfloat)height, 1.0 * (GLfloat)width / (GLfloat)height, -1.0, 1.0);}glMatrixMode(GL_MODELVIEW); // 切换回模型视图矩阵
}// 绘制正六边形及其对角线的函数
void drawHexagon() {// 设置六边形的顶点GLfloat vertices[6][2];float sideLength = 0.5f; // 边长设置为0.3double M_PI = 3.14159265358979323846f;for (int i = 0; i < 6; i++) {float angle = 2.0f * M_PI * i / 6 + M_PI / 2; // 顶角在上vertices[i][0] = sideLength * cos(angle); // X坐标vertices[i][1] = sideLength * sin(angle); // Y坐标}// 绘制正六边形glBegin(GL_LINE_LOOP); // 开始绘制六边形的边for (int i = 0; i < 6; i++) {glVertex2fv(vertices[i]); // 添加顶点}glEnd(); // 结束绘制六边形// 绘制六边形的对角线glBegin(GL_LINES); // 开始绘制线段for (int i = 0; i < 6; i++) {for (int j = i + 2; j < 6; j++) { // 只绘制非相邻的顶点之间的线glVertex2fv(vertices[i]); // 第一端点glVertex2fv(vertices[j]); // 第二端点}}glEnd(); // 结束绘制对角线
}// 显示回调函数
void display() {glClear(GL_COLOR_BUFFER_BIT); // 清除颜色缓冲区glLoadIdentity(); // 重置当前的模型观察矩阵drawHexagon(); // 绘制正六边形及其对角线glutSwapBuffers(); // 交换前后缓冲区
}// 初始化函数
void init() {glClearColor(1.0, 1.0, 1.0, 1.0); // 设置背景颜色为白色glColor3f(0.0, 0.0, 0.0); // 设置绘制颜色为黑色glMatrixMode(GL_PROJECTION); // 选择投影矩阵glLoadIdentity(); // 重置投影矩阵gluOrtho2D(-1.0, 1.0, -1.0, 1.0); // 使用正交投影glMatrixMode(GL_MODELVIEW); // 切换回模型视图矩阵
}// 主程序入口
int main(int argc, char** argv) {glutInit(&argc, argv); // 初始化GLUT库glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB); // 设置显示模式glutInitWindowSize(640, 480); // 设置窗口大小glutCreateWindow("Hexagon"); // 创建窗口init(); // 调用初始化函数glutDisplayFunc(display); // 设置显示回调函数glutReshapeFunc(reshape); // 设置窗口大小调整回调函数glutMainLoop(); // 进入GLUT事件处理循环return 0;
}

注意：正六边形看起来扁平的原因通常与视口的纵横比（宽高比）有关。如果窗口的宽度和高度比例不一致，例如宽度比高度大，那么在正交投影下绘制的形状可能会在视觉上变得扁平。

调整：

a.保持窗口的纵横比：

在窗口调整大小时，保持宽高比一致，确保 OpenGL 的视口与窗口大小相匹配。

b.调整正交投影参数：

根据窗口的宽高比调整 gluOrtho2D 的参数，使得在不同的窗口尺寸下，六边形的显示不受影响。

运行结果：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/67931.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

探秘block原理

探秘block原理

01 概述 在iOS开发中&#xff0c;block大家用的都很熟悉了&#xff0c;是iOS开发中闭包的一种实现方式&#xff0c;可以对一段代码逻辑进行封装&#xff0c;使其可以像数据一样被传递、存储、调用&#xff0c;并且可以保存相关的上下文状态。 很多block原理性的文章都比较老&am…
阅读更多...
vue3+ts+element-plus 对话框el-dialog设置圆角

vue3+ts+element-plus 对话框el-dialog设置圆角

对话框el-dialog设置圆角&#xff0c;实现的需求效果&#xff1a; 目前只能通过行内样式&#xff08;style"border-radius: 20px"&#xff09;来实现圆角效果&#xff1a;
阅读更多...
机器学习算法（三）：K近邻(k-nearest neighbors)

机器学习算法（三）：K近邻(k-nearest neighbors)

1 KNN的介绍和应用 1.1 KNN的介绍 kNN(k-nearest neighbors)&#xff0c;中文翻译K近邻。我们常常听到一个故事&#xff1a;如果要了解一个人的经济水平&#xff0c;只需要知道他最好的5个朋友的经济能力&#xff0c; 对他的这五个人的经济水平求平均就是这个人的经济水平。这…
阅读更多...
大语言模型兵马未动，数据准备粮草先行

大语言模型兵马未动，数据准备粮草先行

​从OpenAI正式发布ChatGPT开始&#xff0c;大型语言模型&#xff08;LLM&#xff09;就变得风靡一时。对业界和吃瓜群众来说&#xff0c;这种技术最大的吸引力来自于理解、解释和生成人类语言的能力&#xff0c;毕竟这曾被认为是人类独有的技能。类似CoPilot这样的工具正在迅速…
阅读更多...
Network Compression（李宏毅）机器学习 2023 Spring HW13 （Boss Baseline）

Network Compression（李宏毅）机器学习 2023 Spring HW13 （Boss Baseline）

1. Introduction to Network Compression 深度学习中的网络压缩是指在保持神经网络性能的同时，减少其规模的过程。这非常重要，因为深度学习模型，尤其是用于自然语言处理或计算机视觉的大型模型，训练和部署的计算成本可能非常高。网络压缩通过降低内存占用并加快推理速度，…
阅读更多...
UnityDots学习（二）

UnityDots学习（二）

在一里已经概述了什么是Dots&#xff0c;已经如果使用它&#xff0c;我们要做的思维转变。 简单总结下&#xff1a; Dots使用了计算器多核&#xff0c;已经3级缓存的优势&#xff0c;在此基础上使用Brust编译器对各个平台实现了代码优化。从而达到了加速提升的效果。 我们要…
阅读更多...
Linux (CentOS) 安装 Docker 和 Docker Compose

Linux (CentOS) 安装 Docker 和 Docker Compose

&#x1f680; 作者主页&#xff1a; 有来技术 &#x1f525; 开源项目&#xff1a; youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template &#x1f33a; 仓库主页&#xff1a; GitCode︱ Gitee ︱ Github &#x1f496; 欢迎点赞 &#x1f44d; 收藏 ⭐评论 …
阅读更多...
c++ 预备

c++ 预备

目录 前言 一&#xff0c;知识点的补充 二&#xff0c;c语言与c 三&#xff0c;面向对象的三大特点 前言 将进入c的学习&#xff0c;接下来是对于c的预备和c的一些预习 一&#xff0c;知识点的补充 1 标识符 标识符不能为关键字 标识符只能由下划线&#xff0c;数字&#xf…
阅读更多...
SpringBoot项目实战（41）--Beetl网页使用自定义函数获取新闻列表

SpringBoot项目实战（41）--Beetl网页使用自定义函数获取新闻列表

在Beetl页面中可以使用自定义的函数从后台新闻列表中获取新闻数据展示到页面上。例如我们可以从后台新闻表中获取新闻按照下面的格式展示&#xff1a; <li><a href"#">东亚非遗展即将盛妆亮相 揭起盖头先睹为快</a></li><li><a hre…
阅读更多...
从零开始开发纯血鸿蒙应用之多签名证书管理

从零开始开发纯血鸿蒙应用之多签名证书管理

从零开始开发纯血鸿蒙应用 一、前言二、鸿蒙应用配置签名证书的方式1、自动获取签名证书2、手动配置签名证书 三、多签名证书配置和使用四、多证书使用 一、前言 由于手机操作系统&#xff0c;比电脑操作系统脆弱很多&#xff0c;同时&#xff0c;由于手机的便携性&#xff0c…
阅读更多...
数据结构初阶---排序

数据结构初阶---排序

一、排序相关概念与运用 1.排序相关概念 排序&#xff1a;所谓排序&#xff0c;就是使一串记录&#xff0c;按照其中的某个或某些关键字的大小&#xff0c;递增或递减的排列起来的操作。 稳定性&#xff1a;假定在待排序的记录序列中&#xff0c;存在多个具有相同的关键字的…
阅读更多...
系统看门狗配置--以ubuntu为例

系统看门狗配置--以ubuntu为例

linux系统配置看门狗 以 ubuntu 系统配置看门狗为例 配置看门狗使用的脚本文件&#xff0c;需要使用管理员权限来执行&#xff1a; 配置是&#xff1a;系统每 30S 喂一次狗&#xff0c;超过 60S 不进行投喂&#xff0c;就会自动重启。 1. 系统脚本内容&#xff1a; #!/bin/b…
阅读更多...
opencv的NLM去噪算法

opencv的NLM去噪算法

NLM&#xff08;Non-Local Means&#xff09;去噪算法是一种基于图像块&#xff08;patch&#xff09;相似性的去噪方法。其基本原理是&#xff1a; 图像块相似性&#xff1a;算法首先定义了一个搜索窗口&#xff08;search window&#xff09;&#xff0c;然后在该窗口内寻找…
阅读更多...
Docker运维高级容器技术知识点总结

Docker运维高级容器技术知识点总结

1、虚拟机部署和容器化部署的区别是什么&#xff1f; 1、技术基础&#xff1a; <1>.虚拟化技术在物理硬件上创建虚拟机&#xff0c;每台虚拟机运行自己完整的操作系统、从而实现资源隔离。 <2>.容器化技术&#xff1a;将应用程序打包在容器内&#xff0c;在进程空间…
阅读更多...
双模充电桩发展前景：解锁新能源汽车未来的金钥匙，市场潜力无限

双模充电桩发展前景：解锁新能源汽车未来的金钥匙，市场潜力无限

随着全球能源转型的浪潮席卷而来&#xff0c;新能源汽车行业正以前所未有的速度蓬勃发展&#xff0c;而作为其坚实后盾的充电基础设施&#xff0c;特别是双模充电桩&#xff0c;正逐渐成为推动这一变革的关键力量。本文将从多维度深入剖析双模充电桩的市场现状、显著优势、驱动…
阅读更多...
python3GUI--大屏可视化-传染病督导平台 By:PyQt5

python3GUI--大屏可视化-传染病督导平台 By:PyQt5

文章目录 一&#xff0e;前言二&#xff0e;预览三&#xff0e;软件组成&开发心得1.样式&使用方法2.左侧表格实现3.设计4.学习5.体验效果 四&#xff0e;代码分享1.环形渐变进度组件2.自定义图片的背景组件 五&#xff0e;总结 大小&#xff1a;60.9 M&#xff0c;软件…
阅读更多...
某漫画网站JS逆向反混淆流程分析

某漫画网站JS逆向反混淆流程分析

文章目录 1. 写在前面1. 接口分析2. 反混淆分析 【&#x1f3e0;作者主页】&#xff1a;吴秋霖 【&#x1f4bc;作者介绍】&#xff1a;擅长爬虫与JS加密逆向分析&#xff01;Python领域优质创作者、CSDN博客专家、阿里云博客专家、华为云享专家。一路走来长期坚守并致力于Pyth…
阅读更多...
ffmpeg aac s16 encode_audio.c

ffmpeg aac s16 encode_audio.c

用ffmpeg库时&#xff0c;用代码对pcm内容采用aac编码进行压缩&#xff0c;出现如下错误。 [aac 000002bc5edc6e40] Format aac detected only with low score of 1, misdetection possible! [aac 000002bc5edc8140] Error decoding AAC frame header. [aac 000002bc5edc81…
阅读更多...
深度学习的原理和应用

深度学习的原理和应用

一、深度学习的原理 深度学习是机器学习领域的一个重要分支&#xff0c;其原理基于多层神经网络结构和优化算法。以下是深度学习的核心原理&#xff1a; 多层神经网络结构&#xff1a;深度学习模型通常由多层神经元组成&#xff0c;这些神经元通过权重和偏置相互连接。输入数据…
阅读更多...
mv指令详解

mv指令详解

&#x1f3dd;️专栏&#xff1a;计算机操作系统 &#x1f305;主页&#xff1a;猫咪-9527-CSDN博客 “欲穷千里目&#xff0c;更上一层楼。会当凌绝顶&#xff0c;一览众山小。” 目录 基本语法 主要功能 常用选项详解 1. 移动文件或目录 2. 重命名文件或目录 3. -i&am…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023